小程序——地图

最新推荐文章于 2024-07-03 20:08:59 发布

原创

最新推荐文章于 2024-07-03 20:08:59 发布 · 722 阅读

2 ·

CC 4.0 BY-SA版权

这篇博客介绍了小程序中如何实现地图功能，包括选择地图定位点的JS操作，并讲解了如何调用外部导航进行地图导航。

地图

	首先要下载qqmap-wx-jssdk.min.js
	key去腾讯地图api里自己申请呀
	在需要地图页面js中引入
	注意：在使用key时，在key配置白名单域名没有用。应该去小程序的域名配置中，加上：
	request合法域名 	：    https://apis.map.qq.com 
	
	开发者需要填写获取用户地理位置的用途说明。
	在app.json中加
	 "permission": {
	    "scope.userLocation": {
	      "desc": "你的位置信息将用于小程序位置接口的效果展示"
	    }
	  }

	// 引入SDK核心类
			import QQMapWX from '../../utils/qqmap-wx-jssdk.min.js';
	
	// 实例化API核心类
	let qqMap = new QQMapWX({
	  key: 'C2FBZ-6YMKX-MLX42-ZDZHR-IJUF3-MIBHW' // 必填
	});

选择地图定位点

多定位点选择
js

//index.js
//获取应用实例
const app = getApp()
// 引入SDK核心类
import QQMapWX from '../../utils/qqmap-wx-jssdk.min.js';

// 实例化API核心类
let qqmapsdk = new QQMapWX({
  key: 'C2FBZ-6YMKX-MLX42-ZDZHR-IJUF3-MIBHW' // 必填
});
var that;
Page({
  data: {
    latitude: 0,//地图初次加载时的纬度坐标
    longitude: 0, //地图初次加载时的经度坐标