Shulou(Shulou.com)05/31 Report--

This article mainly introduces the relevant knowledge of "how to achieve Map map in WeChat Mini Programs". The editor shows you the operation process through an actual case. The operation method is simple, fast and practical. I hope this article "how to achieve Map map in WeChat Mini Programs" can help you solve the problem.

WeChat Mini Programs Map map

Map

Attribute name type default value description longitudeNumber

Central longitude latitudeNumber

Center Latitude scaleNumber1 Zoom level markersArray

Marked point coversArray

Covering material

Marked point

Marked points are used to display the location of markers on the map, and icons and styles cannot be customized.

Attribute description type required remarks latitude latitude Number is a floating point number, range-90 ~ 90longitude longitude Number is a floating point number, range-180 ~ 180name mark dot name String is

Desc annotation points describe in detail String No

Covering material

The overlay is used to display custom icons on the map, customizable icons and styles

Attribute description type required remarks latitude latitude Number is a floating point number, range-90 ~ 90longitude longitude Number is a floating point number, range-180 ~ 180iconPath display icon String is the image path under the project directory, support relative path writing rotate rotation angle Number rotation angle clockwise, range 0 ~ 360. default is 0.

The longitude and latitude of the map component is required. If you do not fill in the longitude and latitude, the default value is the longitude and latitude of Beijing.

The marked point markers can only be set during initialization and does not support dynamic updates.

Example:

/ map.jsPage ({data: {markers: [{latitude: 23.099994, longitude: 113.324520, name: 'T.I.T Creative Park', desc: 'where I am'}], 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}]}) this is the end of the introduction to "how to implement Map map in WeChat Mini Programs". Thank you for your reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.