腾讯位置服务地图选点组件使用示例

本文主要使用到的功能为:

1、选择地址发送(地图选点组件 )

腾讯位置服务地图选点组件使用示例_第1张图片

2、实时地址静态图

3、地图调起
,手机查看

腾讯位置服务地图选点组件使用示例_第2张图片

选址组件主要是选地点的信息,如下:

腾讯位置服务地图选点组件使用示例_第3张图片

在js或者数据库中保存这些信息,静态图片和地图API的调起就要用到这些信息,主要还是经纬度。

可以用在聊天发送定位的功能中。

腾讯位置服务地图选点组件使用示例_第4张图片

腾讯位置服务地图选点组件使用示例_第5张图片

Demo中把key替换成你的key

key申请地址:https://lbs.qq.com/dev/console/key/manage


	
	
	
	
	
	
		
		
	
	
	
		
		
		
	


注意

1、选址的过程中,拖拽地图时,虽然下面的地址列表会跟着更新,但是不会默认第一个,还需要点击一下地址列表。不像微信一样在拖拽过程中会默认第一个,拖拽完就可以点击发送。如果要做跟微信一样的功能,在拖拽后就需要点击一下地址列表,再点击发送。目前地图组件不支持自定义,例如拖拽地图的事件。

腾讯位置服务地图选点组件使用示例_第6张图片

腾讯位置服务地图选点组件使用示例_第7张图片

2、地图选点组件是有定位功能的,在你打开地图时,第一个会显示“我的位置”。

腾讯位置服务地图选点组件使用示例_第8张图片

对象的数据也是显示“我的位置”,如果你是把定位发给别人。别人看到也会是“我的位置”。可以这么处理,在选完地址后,判断一下poiname的值是不是等于“我的位置”,如果是则把poiaddress的值赋值给poiname(这里因为是电脑定位,所有没有准确和没有详细的地址)。

作者:啊林博士

链接:https://blog.csdn.net/Doctor_LY/article/details/86677607

来源:CSDN

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

你可能感兴趣的:(腾讯位置服务,腾讯,html5,javascript)