WeChat Mini-Programmkarte, detaillierte Erklärung und einfache Beispiele

Karte des WeChat Mini-Programms

Karte des WeChat Mini-Programms

Karte

属性名	类型	默认值	说明
longitude	Number		中心经度
latitude	Number		中心纬度
scale	Number	1	缩放级别
markers	Array		标记点
covers	Array		覆盖物

Markierter Punkt

Markierungspunkte werden verwendet, um markierte Orte auf der Karte anzuzeigen. Symbole und Stile können nicht angepasst werden.

属性	说明	类型	必填	备注
latitude	纬度	Number	是	浮点数，范围 -90 ~ 90
longitude	经度	Number	是	浮点数，范围 -180 ~ 180
name	标注点名	String	是
desc	标注点详细描述	String	否

Overlays

Overlays werden zum Platzieren von Markierungen verwendet Auf der Karte werden benutzerdefinierte Symbole angezeigt, und die Symbole und Stile können angepasst werden.

属性	说明	类型	必填	备注
latitude	纬度	Number	是	浮点数，范围 -90 ~ 90
longitude	经度	Number	是	浮点数，范围 -180 ~ 180
iconPath	显示的图标	String	是	项目目录下的图片路径，支持相对路径写法
rotate	旋转角度	Number	否	顺时针旋转的角度，范围 0 ~ 360，默认为 0

Der Längen- und Breitengrad der Kartenkomponente ist erforderlich. Wenn der Längen- und Breitengrad nicht ausgefüllt ist, wird der Der Standardwert ist der Längen- und Breitengrad von Peking.

Marker können nur während der Initialisierung gesetzt werden und unterstützen keine dynamischen Updates.

Beispiel:

<!-- map.wxml -->
<map longitude="23.099994" latitude="113.324520" markers="{{markers}}" covers="{{covers}}"
 style="width: 375px; height: 200px;">
</map>

// map.js
Page({
 data: {
  markers: [{
   latitude: 23.099994,
   longitude: 113.324520,
   name: 'T.I.T 创意园',
   desc: '我现在的位置'
  }],
  covers: [{
   latitude: 23.099794,
   longitude: 113.324520,
   icaonPath: '../images/car.png',
   rotate: 10
  }, {
   latitude: 23.099298,
   longitude: 113.324129,
   iconPath: '../images/car.png',
   rotate: 90
  }]
 }
})

Fehler & Tipp

Tipp: Kartenkomponente nicht in Scroll-Ansicht verwenden

Vielen Dank fürs Lesen, ich hoffe, es kann Ihnen helfen, vielen Dank für Ihre Unterstützung dieser Website!

Weitere Details zur WeChat-Miniprogrammkarte und einfache Beispiele finden Sie auf der chinesischen PHP-Website!