腾讯地图定位代码

电脑端一定要放在 https域名下否者定位不准确
手机定位的话直接用就行了定位很准确的

以下代码直接用就ok

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><script charset="utf-8" src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js"></script><script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=GJNBZ-PMO64-C3PUZ-XFSPG-L7RXO-7FBSD"></script><style type="text/css">* {margin: 0px;padding: 0px;}body,button,input,select,textarea {font: 12px/16px Verdana, Helvetica, Arial, sans-serif;}#container {min-width: 600px;min-height: 767px;}</style>
</head><body><div id="container"></div><script>if (navigator.geolocation) {navigator.geolocation.getCurrentPosition(onSuccess, onError);} else {alert("您的浏览器不支持使用HTML 5来获取地理位置服务");}//定位数据获取成功响应function onSuccess(position) {alert('纬度: ' + position.coords.latitude + '\n' +'经度: ' + position.coords.longitude + '\n' +'海拔: ' + position.coords.altitude + '\n' +'水平精度: ' + position.coords.accuracy + '\n' +'垂直精度: ' + position.coords.altitudeAccura)}//定位数据获取失败响应function onError(error) {switch (error.code) {case error.PERMISSION_DENIED:alert("您拒绝对获取地理位置的请求");break;case error.POSITION_UNAVAILABLE:alert("位置信息是不可用的");break;case error.TIMEOUT:alert("请求您的地理位置超时");break;case error.UNKNOWN_ERROR:alert("未知错误");break;}}var geolocation = new qq.maps.Geolocation("GJNBZ-PMO64-C3PUZ-XFSPG-L7RXO-7FBSD", "myapp");var positionNum = 0;var options = {timeout: 15000};var geocoder;var latLng;function showPosition(position) {let latitude = position.lat;let longitude = position.lng;// 逆地址解析(经纬度到地名转换过程)geocoder = new qq.maps.Geocoder({complete: function(res) {console.log(res);// 标志位置var center = new qq.maps.LatLng(latitude, longitude);var map = new qq.maps.Map(document.getElementById('container'), {center: center,zoom: 13});//创建标记var marker = new qq.maps.Marker({position: center,map: map});//添加到提示窗var info = new qq.maps.InfoWindow({map: map});//获取标记的点击事件qq.maps.event.addListener(marker, 'click', function() {info.open();info.setContent('<div style="text-align:center;white-space:nowrap;margin:10px;">' + res.detail.address + '</div>');info.setPosition(center);});}});latLng = new qq.maps.LatLng(latitude, longitude);geocoder.getAddress(latLng);// geocoder.setComplete(function(res) {// });};function showErr() {console.log('定位失败');}geolocation.getLocation(showPosition, showErr, options);</script>
</body></html>

腾讯地图定位代码相关推荐

vue PC 端使用腾讯地图定位
vue PC 端使用腾讯地图定位需求:希望网站显示当前城市腾讯前端定位组件解决的方法定义一个文件,加载定位js 在vue页面中使用需求:希望网站显示当前城市腾讯前端定位组件 key的申请, ...
百度地图、高德地图和腾讯地图定位不准确的解决方案
需求由于使用我们公司设备的用户分布在全球各地,最近好多设备都坏了,现在我们公司的修理师要去现场修理设备,但是设备太多了,200多个地址,不好找,而且又不能非常一目了然的查看到分布在全国的需要进行设备 ...
腾讯地图定位及坐标解析
腾讯地图定位及坐标解析一个项目,需要打开地图后点击获取地址用的腾讯地图开放平台,对着文档花了一上午弄出来了代码: <!DOCTYPE html> <html><he ...
android 集成腾讯地图定位
本文只教学定位功能,需要搜索.2D或3D地图的可以到腾讯地图开发平台看api文档,链接:腾讯地图一.到腾讯地图开发平下载定位sdk,快速入口:腾讯地图定位二.在项目的AndroidManiFest ...
【腾讯地图】腾讯地图定位解析
记一次腾讯地图使用经验(代码片段) 实现的功能: 输入位置-> 地图marker定位到该位置点击地图marker定位 -> 解析位置填充到输入框首先引入api <script c ...
android 饿了么地图,饿了么送餐位置地图定位代码
http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"> content="webki ...
h5/web 原生定位、高德、腾讯地图定位
在项目添加新功能时,使用cdn方式引入使用地图功能,使用功能只用到了地图的定位.点标记.详细地址查询.poi搜索和输入提示.计算两点之间的距离:因为在寻找高德地图问题时发现h5 和 web 端的好少, ...
微信小程序中开发使用腾讯地图定位
在最近的微信小程序中开发使用到腾讯地图定位,开发记录一下相关的情况.首先地图使用的是腾讯地图接口,https://lbs.qq.com/ 上去注册,注册了后去创建APPID和应用名; 注意创建了应用后 ...
html调用腾讯地图定位当前位置,vue web项目中调用腾讯地图API获取当前位置的经纬度...
vue web项目中调用腾讯地图API获取当前位置的经纬度 vue web项目中调用腾讯地图API获取当前位置的经纬度在main.js 中添加一下代码 import axios from 'axio ...

腾讯地图定位代码

腾讯地图定位代码相关推荐

最新文章

热门文章

腾讯地图定位 代码

腾讯地图定位 代码相关推荐

最新文章

热门文章

腾讯地图定位代码

腾讯地图定位代码相关推荐