### **该组件的是原生组件，API可以在[开发者文档](https://developers.weixin.qq.com/miniprogram/dev/component/map.html)里面查看** 地图可以使用高德以及百度 **地图组件的经纬度必填, 如果不填经纬度则默认值是北京的 经纬度** ### 地图实例： 创建页面"pages/map/map" ``` <!-- pages/map/map.wxml --> <map id="map" markers="{{markers}}" longitude="{{longitude}}" latitude="{{latitude}}" scale="25" circles="{{circles}}" show-location="{{true}}" bindmarkertap="marker"></map> // pages/map/map.js Page({ /** * 页面的初始数据 */ data: { latitude: 30.689160, longitude: 114.372640, circles: [{ latitude: 30.689160, longitude: 114.372640, fillColor: "#8DE25055", radius: 300 }], markers: [{ iconPath: "/images/icon/map.png", latitude: 30.689160, longitude: 114.372640, width: 30, height: 30, title: "极客营科技", id: 0, label: { content: "湖北大学知行学院", color: "#EE5E7B", borderWidth: 1, borderColor: "#EE5E78", borderRadius: 5, padding: 5, }, callout: { content: "欢迎来到湖北大学知行学院", color: "#EE5E7B", borderWidth: 1, borderColor: "#EE5E78", borderRadius: 5, padding: 5, } }], }, marker() { } }) ```