Detailed explanation of WeChat applet wxapp map map
WeChat applet wxapp map map:
map
Attribute name | Type | Default value | Description |
---|---|---|---|
longitude | Number | Center Longitude | |
latitude | Number | Center Latitude | |
scale | Number | 1 | zoom level |
markers | Array | Marked points | |
covers | Array | Overlay |
Marker point
Marker point is used to display the location of the marker on the map. The icon and Style
Attribute | Description | Type | Required Fill in | Remark |
---|---|---|---|---|
Latitude | Number | is | Floating point number, range -90 ~ 90 | |
Longitude | Number | is | Floating point number, range -180 ~ 180 | |
Mark the name | String | is | ||
Detailed description of the mark point | String | No |
Overlay
Overlay is used to display custom icons on the map, the icon and style can be customized
Description | Type | Required | Remarks | |
---|---|---|---|---|
Latitude | Number | is a | floating point number, ranging from -90 ~ 90 | |
Longitude | Number | is a | floating point number, ranging from -180 ~ 180 | |
The displayed icon | String | is the image path in the | project directory and supports relative path writing. | |
Rotation angle | Number | No | The angle of clockwise rotation, range 0 ~ 360, the default is 0 |
<!-- 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 }] } })
Copy after login
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article
R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
1 months ago
By 尊渡假赌尊渡假赌尊渡假赌
How Long Does It Take To Beat Split Fiction?
4 weeks ago
By DDD
R.E.P.O. Save File Location: Where Is It & How to Protect It?
4 weeks ago
By DDD
Two Point Museum: All Exhibits And Where To Find Them
1 months ago
By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)
