微信小程序地图组件使用

最新推荐文章于 2025-04-17 08:34:53 发布

原创

最新推荐文章于 2025-04-17 08:34:53 发布 · 528 阅读

1 ·

CC 4.0 BY-SA版权

本地图程序利用map组件，以及使用它的markers,polyline属性分别设置地图两个位置的标志以及他们之间的连线，利用腾讯地图的API对两个地点进行查询，动态设置地图的经纬度，以及动态初始化markers,polyline属性。

程序运行截图如下：

程序代码如下：

app.json

{
"pages": [
"pages/index/index",
"pages/logs/logs",
"pages/Map/index"
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle": "black"
},
"tabBar": {
"list": [
{
"pagePath": "pages/index/index",
"text": "个人主页",
"iconPath": "utils/images/b3.png",
"selectedIconPath": "utils/images/b4.png"
},
{
"pagePath": "pages/Map/index",
"text": "地图",
"iconPat