小程序——地图

最新推荐文章于 2024-08-09 11:33:46 发布

qq_39201210

最新推荐文章于 2024-08-09 11:33:46 发布

阅读量642

点赞数

分类专栏：小程序

本文链接：https://blog.csdn.net/qq_39201210/article/details/88863860

版权

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

摘要由CSDN通过智能技术生成

地图

	首先要下载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