火星坐标拾取工具

最新推荐文章于 2023-07-18 09:38:02 发布

滴滴打车去

最新推荐文章于 2023-07-18 09:38:02 发布

阅读量766

点赞数

分类专栏： GIS

原文链接：https://segmentfault.com/a/1190000000498434

版权

GIS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

在国内必须至少使用GCJ-02的坐标系，而GCJ-02，“火星坐标”是在国内最广泛使用的坐标体系。那么，我们就来看看，如何直接获取到GCJ-02坐标呗。
请大家把这段代码保存到记事本里，然后后缀名改为.html，记得用UTF-8编码来保存。然后双击这个文件，就能打开网页了。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>火星坐标拾取</title>
<script language="javascript" src="http://webapi.amap.com/maps?v=1.2&key=e58bae199679e49544969133bc20896e"></script>
<style>
    #iMap{height:500px;width:600px;float:left;}
    .info{float:left;margin:0 0 0 10px;}
    label{width:80px;float:left;}
    .detail{padding:10px;border:1px solid #aaccaa}
</style>
</head>
<body onLoad="mapInit()">

<div id="iMap"></div>
<div class="info">
	<h1>坐标拾取工具（GCJ-02坐标）</h1>
	<p>说明：</p>
	<p>1、鼠标滚轮可以缩放地图，拖动地图。</p>
	<p>2、点击地图，即可获得GCJ-02的经纬度坐标，即火星坐标。</p>
	</br>
	<div class="detail">
		<p><span id="lnglat"> </span></p>
		<p><span id="iAddress"> </span></p>
	</div>		
</div>
<!-- tongji begin-->
<script type="text/javascript">
    var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
    document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Faeff88f19045b513af7681b011cea3bd' type='text/javascript'%3E%3C/script%3E"));
</script>
<!-- tongji end -->
</body>
<script language="javascript">
    var mapObj;
    var lnglatXY;
//初始化地图
function mapInit(){
var opt = {  
    level: 10, //设置地图缩放级别    
    center: new AMap.LngLat(116.397428, 39.90923) //设置地图中心点   
}  
mapObj = new AMap.Map("iMap", opt);  	
AMap.event.addListener(mapObj,'click',getLnglat); //点击事件
}
function geocoder() {
var MGeocoder;
//加载地理编码插件
mapObj.plugin(["AMap.Geocoder"], function() {        
    MGeocoder = new AMap.Geocoder({ 
        radius: 1000,
        extensions: "all"
    });
    //返回地理编码结果 
    AMap.event.addListener(MGeocoder, "complete", geocoder_CallBack); 
    //逆地理编码
    MGeocoder.getAddress(lnglatXY); 
});
//加点
var marker = new AMap.Marker({
    map:mapObj,
    icon: new AMap.Icon({
        image: "http://api.amap.com/Public/images/js/mark.png",
        size:new AMap.Size(58,30),
        imageOffset: new AMap.Pixel(-32, -0)
    }),
    position: lnglatXY,
    offset: new AMap.Pixel(-5,-30)
});
   // mapObj.setFitView();
}
//回调函数
function geocoder_CallBack(data) {
var address;
//返回地址描述
address = data.regeocode.formattedAddress;
//返回结果拼接输出
document.getElementById("iAddress").innerHTML = address;
}  
//鼠标点击，获取经纬度坐标  
function getLnglat(e){    
mapObj.clearMap();
var x = e.lnglat.getLng();
var y = e.lnglat.getLat(); 
document.getElementById("lnglat").innerHTML = x + "," + y;

lnglatXY = new AMap.LngLat(x,y);
geocoder();
}
</script>
</html>

打开之后，是这样的：

坐标拾取工具

点击一下地图，即可获得GCJ-02坐标，地址：

坐标拾取工具

文章参考【高德地图API】如何解决坐标转换，坐标偏移？

滴滴打车去

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
火星坐标拾取工具

在国内必须至少使用GCJ-02的坐标系，而GCJ-02，“火星坐标”是在国内最广泛使用的坐标体系。那么，我们就来看看，如何直接获取到GCJ-02坐标呗。请大家把这段代码保存到记事本里，然后后缀名改为.html，记得用UTF-8编码来保存。然后双击这个文件，就能打开网页了。<!DOCTYPE HTML><html><head><meta http-...
复制链接

扫一扫

专栏目录