.

1.地图组件:地图/导航

WU发表于:2015年03月31日 16:05:01更新于:2022年05月13日 09:20:17

一、应用场景

地图组件基于腾讯地图,可用于显示指定地理位置、并可以进行导航,常用的场景是邀请函结尾地址引导。

注:由于腾讯地图接口的限制,现在使用腾讯地图组件搜索功能只能搜索到区级,如北京市东城区、上海市黄浦区、杭州市滨江区等。如果需要继续定位下一级,请手动拖拽蓝色浮标到目标地点。

二、组件用法

基础用法

以北京海淀区大钟寺9号为例,整个设置过程如下图所示:

1. 在编辑器中,双击地图组件,进入地图设置编辑模式;

0015729990a7a18651f1b34f0160572


2. 可以点击放大缩小滑条调整地图可见区域,方便定位其他省份、城市;001572999201d966aaf6c86ada908b1


3. 将地图中的目标气泡,挪动到目标城市地区;001572999356d3f504b1179276a0513


4. 输入精确地址(街道门派号码)进行精确定位,可能会出现很多候选地址坐标气泡;0015729994c2806edf8cfd8304b926f


5. 在诸多候选地址坐标气泡中,单击选中其中一个;blob.png


6. 进行细节位置调整;


7. 点击键盘ESC键,可退出地图编辑模式0015729995ed9e28b6be5d19d2b14e1


8. 可以在右边组件属性面板中,设置目标地点的提示文字。00157299974dbe9f997b764f3d51179


高级用法

微信导航

若完成设置 微信公众号信息设置,则地图组件的导航功能会自动调用微信导航,功能更为丰富(如下图所示):

blob.png


三、相关Q/A

  1. 地图组件怎么输入正确地址?

  2. 如何在H5中一键打开高德地图指定地点?

  3. 如何调用手机导航?


回复(2)