51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

在uniapp中引入地图

在我的后园,可以看见墙外有两株树,一株是枣树,还有一株也是枣树。这上面的夜的天空,奇怪而高,我生平没有见过这样奇怪而高的天空,他仿佛要离开人间而去,使人们仰面不再看见。------鲁迅《秋夜》

直接使用uniapp自带的map组件即可

文档:https://uniapp.dcloud.io/component/map

代码如下

|------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | hljs vue <template> <view> <view class="map-parent"><map style="width: 100%; height: 300px;" :latitude="latitude" :longitude="longitude" :markers="covers"></map></view> </view> </template> <script> export default { data() { return { latitude: 39.909, longitude: 116.39742, covers: [ { latitude: 39.909, longitude: 116.39742, iconPath: '/static/images/location.png', width: 40, height: 40 } ] }; } }; </script> |

我这里包含一个图片

image-20210726221742400

放到这里啦

123

最终效果如下

image-20210726221849977

赞(0)
未经允许不得转载:工具盒子 » 在uniapp中引入地图