From ad29f3b1141bce586ed38500fce4603e80c34382 Mon Sep 17 00:00:00 2001 From: zhenyuWang <13641039885@163.com> Date: Fri, 2 Sep 2022 12:32:37 +0800 Subject: [PATCH] =?UTF-8?q?update:=20h5=E7=AB=AFmap=E6=94=AF=E6=8C=81?= =?UTF-8?q?=E9=AB=98=E5=BE=B7=E5=9C=B0=E5=9B=BE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/collocation/manifest.md | 24 ++++++++++++++++-------- docs/component/map.md | 12 ++++++------ 2 files changed, 22 insertions(+), 14 deletions(-) diff --git a/docs/collocation/manifest.md b/docs/collocation/manifest.md index c44a2fa55..e2c9ba7ce 100644 --- a/docs/collocation/manifest.md +++ b/docs/collocation/manifest.md @@ -359,14 +359,22 @@ Tips:`uni-app` 中 `manifest.json->h5->devServer` 实际上对应 `webpack` "sdkConfigs": { // 使用地图或位置相关功能必须填写其一 "maps": { - "qqmap": { - // 腾讯地图秘钥 https://lbs.qq.com/dev/console/key/manage - "key": "" - }, - "google": { - // 谷歌地图秘钥(HBuilderX 3.2.10+)https://developers.google.com/maps/documentation/javascript/get-api-key - "key": "" - } + "qqmap": { + // 腾讯地图秘钥 https://lbs.qq.com/dev/console/key/manage + "key": "" + }, + "google": { + // 谷歌地图秘钥(HBuilderX 3.2.10+)https://developers.google.com/maps/documentation/javascript/get-api-key + "key": "" + }, + "amap": { + // 谷歌地图秘钥(HBuilderX 3.6.0+)https://console.amap.com/dev/key/app + "key": "", + // 谷歌地图安全密钥(HBuilderX 3.6.0+)https://console.amap.com/dev/key/app + "securityJsCode": "", + // 谷歌地图安全密钥代理服务器地址(HBuilderX 3.6.0+)https://lbs.amap.com/api/jsapi-v2/guide/abc/prepare + "serviceHost": "", + } } } } diff --git a/docs/component/map.md b/docs/component/map.md index 6aa894eb4..15e2a60df 100644 --- a/docs/component/map.md +++ b/docs/component/map.md @@ -14,7 +14,7 @@ |地图服务商|App|H5|微信小程序| |:-:|:-:|:-:|:-:| -|高德|√||| +|高德|√|3.6.0+|| |Goolge|3.4+|3.2.10+|| |腾讯||√|√| @@ -58,7 +58,7 @@ |@anchorpointtap|EventHandle||点击定位标时触发,e.detail = {longitude, latitude}|App-nvue 3.1.0+、微信小程序2.13+| |@poitap|EventHandle||点击地图poi点时触发,e.detail = {name, longitude, latitude}|微信小程序2.3.0+| -**注意** +**注意** - `` 组件的宽/高推荐写直接量,比如:750rpx,不要设置百分比值。 - 谷歌地图使用 `wgs84` 坐标,其他地图使用 `gcj02` 坐标,用错坐标类型会显示偏移。 @@ -157,9 +157,9 @@ MapContext.on('markerClusterCreate', callback) 触发时,通过 [MapContext.ad |colorList|彩虹线|Array|false|存在时忽略 color 值|App-nvue 3.1.0+、微信小程序| |level|压盖关系,默认为 abovelabels|String|false||微信小程序| - **注意事项** + **注意事项** -- App-nvue 当 arrowLine 为 true 时,显示的是带箭头的图片拼接的线 color 值会被忽略,替换箭头图片的方法[参考文档](https://ask.dcloud.net.cn/article/37901) +- App-nvue 当 arrowLine 为 true 时,显示的是带箭头的图片拼接的线 color 值会被忽略,替换箭头图片的方法[参考文档](https://ask.dcloud.net.cn/article/37901) **polygon**
指定一系列坐标点,根据 points 坐标数据生成闭合多边形 @@ -305,12 +305,12 @@ nvue map 更换箭头图标格式参考: [https://ask.dcloud.net.cn/article/3790 - 在涉及层级问题的小程序中和app-vue中,请勿在 scroll-view、swiper、picker-view、movable-view 中使用 `` 组件。 - 小程序和 app-vue 中,css 动画对 `` 组件无效。 - map 组件使用的经纬度是国测局坐标,调用 uni.getLocation 接口需要指定 type 为 gcj02。 -- `` 组件在不同平台的底层引擎是不同的:微信小程序为腾讯地图;H5为腾讯地图或谷歌地图;App、支付宝(中国大陆地区版本)小程序为高德地图;百度小程序、快应用为百度地图。app-vue也可以使用百度地图,在manifest中配置,打包后生效,但app-nvue只支持高德地图。另外选择地图、查看地图位置的API也仅支持高德地图。App端如无特殊必要,建议使用高德地图。 +- `` 组件在不同平台的底层引擎是不同的:微信小程序为腾讯地图;H5为腾讯地图或谷歌地图或高德地图;App、支付宝(中国大陆地区版本)小程序为高德地图;百度小程序、快应用为百度地图。app-vue也可以使用百度地图,在manifest中配置,打包后生效,但app-nvue只支持高德地图。另外选择地图、查看地图位置的API也仅支持高德地图。App端如无特殊必要,建议使用高德地图。 - map 组件默认的api是参考微信小程序的,如需要使用plus.map,可以通过`$getAppMap`获取原生地图对象,[详见](/api/location/map)。注意nvue的map组件不是plus.map对象,无法使用`$getAppMap` - H5 端获取定位信息,需要部署在 **https** 服务上,本地预览(localhost)仍然可以使用 http 协议。 - 无GPS模块或GPS无信号的 PC 设备使用 Chrome 浏览器的时候,位置信息是连接谷歌服务器获取的,国内用户可能获取位置信息失败。 - App 端使用地图组件需要**向高德或百度等三方服务商申请SDK资质,获取AppKey,打包时需要在manifest文件中勾选相应模块,在SDK配置中填写Appkey。注意申请包名和打包时的包名需匹配一致,证书信息匹配**。在manifest可视化界面有详细申请指南。 -- H5 端使用地图和定位相关,需要在 [manifest.json](/collocation/manifest?id=h5sdkconfig) 内配置腾讯或谷歌等三方地图服务商申请的秘钥(key)。 +- H5 端使用地图和定位相关,需要在 [manifest.json](/collocation/manifest?id=h5sdkconfig) 内配置腾讯或谷歌等三方地图服务商申请的秘钥(key)。高德地图需要额外配置 securityJsCode 或 serviceHost,具体参考[高德地图文档](https://lbs.amap.com/api/jsapi-v2/guide/abc/prepare)。 - ios nvue Color 不支持 ARGB 十六进制,使用 rgba(r,g,b,a) 代替 ##### FAQ -- GitLab