Detaillierte Erklärung der WXApp-Kartenkarte des WeChat-Applets

WeChat-Applet WXApp-Kartenkarte:

Karte

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

Markierung Punkte

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	否

Overlay

Overlay wird verwendet, um benutzerdefinierte Symbole auf der Karte anzuzeigen, mit anpassbaren Symbolen und Stilen

属性	说明	类型	必填	备注
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, ist der Standardwert 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: &#39;T.I.T 创意园&#39;,
   desc: &#39;我现在的位置&#39;
  }],
  covers: [{
   latitude: 23.099794,
   longitude: 113.324520,
   icaonPath: &#39;../images/car.png&#39;,
   rotate: 10
  }, {
   latitude: 23.099298,
   longitude: 113.324129,
   iconPath: &#39;../images/car.png&#39;,
   rotate: 90
  }]
 }
})

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

Weitere ausführliche Erklärungen und verwandte Artikel zum WeChat-Applet WXApp Map Map finden Sie auf der chinesischen PHP-Website!