天地图实现标注用户当前坐标位置

要想获取用户的位置就必须要知道用户设备所在的经纬度，而设备获取经纬度一般采用以下方法

1、IP地址

2、GPS全球定位系统（较准确）

3、WIFI无线网络

4、基站3G4G网络（较准确）

获取用户坐标我采用的是H5的Geolocation地理位置对象

navigataor.geolocation

方法：

》经度：coords.longitude

》维度：coords.latitude

<!DOCTYPE html>
<html>
<head><meta http-equiv="content-type" content="text/html; charset=utf-8"/><meta name="keywords" content="天地图"/><title>天地图－地图API</title><script type="text/javascript" src="http://api.tianditu.com/js/maps.js"></script><script>var map;var zoom = 12;function onLoad(){//初始化地图对象map=new TMap("mapDiv");navigator.geolocation.getCurrentPosition(function(position){var y = position.coords.longitude;//经度var x = position.coords.latitude;//维度console.log(y,x);//设置显示地图的中心点和级别map.centerAndZoom(new TLngLat(y,x),zoom);//允许鼠标滚轮缩放地图map.enableHandleMouseScroll();//向地图上添加自定义标注var marker = new TMarker(new TLngLat(y,x));//向地图上添加标注map.addOverLay(marker);});}</script>
</head>
<body onLoad="onLoad()">
<div id="mapDiv" style="position:absolute;width:600px; height:500px"></div><!--天地图地图板块Id-->
</body>
</html>

天地图实现标注用户当前坐标位置相关推荐

【百度地图API·javascriptapi】地图定位、创建自定义图标、获取用户点击位置
引言地图在网页上的应用远不止于展示,我们可以借助百度地图定位用户的当前位置,在地图上创建自定义的标记,或者在用户点击地图的时候,获取用户点击位置的经纬度. 定位百度地图给用户提供了专门的定位api ...
微信JS-SDK坐标位置转换为百度地图坐标
原文:微信JS-SDK坐标位置转换为百度地图坐标微信JS-SDK开发过程中,使用getLocation获取坐标位置,如何将微信获取的坐标直接应用到百度地图中,显示以下效果: 说明:红色图标是从微信转 ...
js点击获取—通过JS获取图片的相对坐标位置
一.通过JS获取鼠标点击时图片的相对坐标位置源代码如下所示: 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <h ...
慕课matlab学习第四章-021窗口分割、标注、和坐标控制
第四节-matlab 绘图和数据可视化绘制图形的辅助操作 % 第四节-matlab 绘图和数据可视化 % 02-绘制图形的辅助操作% 给图形添加标注 % 坐标控制 % 图形保持 % 图形窗口的分割% ...
微信小程序授权获取用户当前经纬度位置并转换为具体城市
每日一句激励人心的鸡汤: 认真阅读接口文档, 认真阅读接口文档, 认真阅读接口文档. 微信小程序获取用户当前经纬度位置 getLocation() API文档传送门,查看文档后 ...
uniapp微信小程序：点击按钮先判断用户是否授权位置信息、用户位置信息授权、进入下一个页面
文章目录前言一.创建点击事件的方法二.判断用户是否授权位置三.弹出位置授权框四.坐标到坐标所在位置的文字描述的转换(逆地址解析) 五.拒接授权后再次点击按钮跳转到允许访问位置设置总结前言 ...
php 获得手机位置坐标,获取安卓手机的坐标位置
1.打开Android手机"设置"APP,点击"关于手机". 2.在"版本号"上连续点击5次,打开"开发者选项".也有些 ...
图像中某点绕点旋转后的坐标，图像旋转坐标位置
图像中某点绕点旋转后的坐标,图像旋转坐标位置在平面坐标上,任意点P(x1,y1),绕一个坐标点Q(x2,y2)旋转θ角度后,新的坐标设为(x, y)的计算公式: x= (x1 - x2)*cos(θ ...
[html] 在HTML5中，用于获得用户的当前位置是哪个方法？
[html] 在HTML5中,用于获得用户的当前位置是哪个方法? getCurrentPosition() 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起 ...

天地图实现标注用户当前坐标位置

天地图实现标注用户当前坐标位置相关推荐

最新文章

热门文章