微信小程序map 简单使用

最新推荐文章于 2024-06-16 22:34:47 发布

时光荏苒已是过去人

最新推荐文章于 2024-06-16 22:34:47 发布

阅读量754

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：小程序 map 小程序map

本文链接：https://blog.youkuaiyun.com/weixin_42694072/article/details/83538775

微信小程序专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了一个使用微信小程序地图组件的应用实例，包括如何设置经纬度、缩放级别、控制按钮、标记点、圆圈、折线等属性，以及如何绑定各种交互事件。通过此示例，开发者可以快速掌握地图组件的基本用法。

wxml:

<map id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="18" controls="{{controls}}" bindcontroltap="controltap" markers="{{markers}}" circles="{{circles}}" bindmarkertap="markertap" polyline="{{polyline}}" bindregionchange="regionchange" show-location style="width: 100%; height: {{view.Height}}px;"></map>

js:

data: {
    //
    longitude:'121.765900',
    latitude:'39.048490',
    markers: [{
      iconPath: "../../img/marker_red.png",
      id: 0,
      latitude: 39.048490,
      longitude: 121.765900,
      width: 35,
      height: 45
    }],
    ... //省略代码
    }