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!
