js应用高德地图API精确定位到门牌号标注并输出当前地址和经纬度

最新推荐文章于 2024-05-11 17:33:45 发布

dissey

最新推荐文章于 2024-05-11 17:33:45 发布

阅读量1.2w

点赞数 4

分类专栏： js

本文链接：https://blog.csdn.net/qq_31551105/article/details/80336667

版权

本文展示了如何使用JavaScript结合高德地图API进行精准定位，并通过逆地址解析获取门牌号和详细地址。同时，针对Chrome只支持https的定位问题，提供了远程定位的解决方案。

摘要由CSDN通过智能技术生成

主要就是两个方法，逆地址解析和地址解析过程，以及Chrome只支持https的定位。

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <title>https 定位</title>
    <link rel="stylesheet" href="main1119.css" />
    <script type="text/javascript" src='//webapi.amap.com/maps?v=1.3&key=160cab8ad6c50752175d76e61ef92c50&plugin=AMap.CitySearch'></script>
    <script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>

    <body>
    	<div id="allmap" style="position: relative;width: 100%;top: 30%;height: 70%;">
	        <div id='container'></div>
	        <div id="tip"></div>
	        <div class="button-group">
			    <input type="button" class="button" value="显示当前城市" onClick="javascript:showCityInfo()"/>
			    <input type="button" class="button" value="逆地理编码" onClick="javascript:geocoder2()"/>
			</div>
		</div>
		<div id="result"></div>
        <!-- 加载远程定位脚本 -->
        <script type="text/javascript" src="remogeo.js"></script>
        <script type="text/javascript">
        var map, geolocation;
        var lng, lat;
        //加载地图，调用浏览器定位服务
        map = new AMap.Map('container

最低0.47元/天解锁文章

dissey

关注

4
点赞
踩
18

收藏

觉得还不错? 一键收藏
6
评论
js应用高德地图API精确定位到门牌号标注并输出当前地址和经纬度

主要就是两个方法，逆地址解析和地址解析过程，以及Chrome只支持https的定位。&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt; &lt;meta name="viewport" content
复制链接

扫一扫