微信小程序中的地图Marker可以用来标记地图上的位置,并可以设置图标、标签等信息
因为微信小程序自带的map组件 不用太麻烦 只需要获取自己想要的数据填到对应的位置即可
1.在wxml文件中添加地图组件和Marker标签:
<view class="map-container"> <map id="map" longitude="116.397390" latitude="39.908860" scale="14" markers="{{ markers }}" show-location> </map> </view>
2.在js文件中定义Marker:
Page({ data: { markers: [{ iconPath: "/images/marker.png", id: 0, latitude: 39.908860, longitude: 116.397390, width: 30, height: 30, label: { content: "这里是标签", color: "#ffffff", fontSize: 12, borderRadius: 5, bgColor: "#000000", padding: 5 } }] } })
markers数组中定义了一个Marker,包含了图标iconPath、位置坐标latitude和longitude、宽度width和高度height、以及标签label信息 可以根据自己想要的样式进行调整 希望可以帮助到大家!