微信小程序中使用自带的地图组件

最新推荐文章于 2024-10-02 22:58:49 发布

前端技术负责人

最新推荐文章于 2024-10-02 22:58:49 发布

阅读量1.7k

点赞数

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

本文链接：https://blog.csdn.net/weixin_43837268/article/details/98788017

版权

小程序专栏收录该内容

34 篇文章 0 订阅

订阅专栏

1.index.wxml

<!--index.wxml-->
<view class="container">
  <map id="map" longitude="116.39" latitude="39.90" scale="14" style="width:100%;height:400px" markers="{{markers}}"></map>
</view>

2.index.js

//index.js
//获取应用实例
const app = getApp()
Page({
  data: {
    markers: [{
      iconPath: 'http://webapi.amap.com/theme/v1.3/markers/b/mark_bs.png',
      id: 0,
      latitude: 39.89,
      longitude: 116.38,
      width: 19,
      height: 33
    }]
  },

})