一、国内地图服务与API的使用
- 高德地图API
1.1 地图显示 在微信小程序中使用高德地图API进行地图显示,首先需要在微信开发者工具中引入高德地图JavaScript API的脚本文件:
<script src="https://webapi.amap.com/maps?v=1.4.15&key=your_amap_key"></script>
其中,your_amap_key是你在高德地图开放平台上申请的API Key,在使用地图服务之前需要先申请一个Key。
接下来,在小程序页面的wxml文件中,添加一个canvas标签,用来渲染地图:
<canvas id="map" style="width: 100%; height: 100%;"></canvas>
然后,在小程序页面的js文件中,使用高德地图API初始化地图对象,并设置地图显示的中心点、缩放级别等参数:
// 初始化地图对象
var map = new AMap.Map('map', {
zoom: 14, // 设置地图缩放级别
center: [116.397428, 39.90923] // 设置地图中心点
});
这样就可以在小程序中显示一个使用高德地图的地图了。
1.2 地图定位 使用高德地图API获取用户的当前位置,需要在小程序页面的js文件中调用