高德地图坐标查询工具—

原文出处： http://www.2cto.com/kf/201311/260807.html
最近需要查询高德地图上某个地点的坐标，但是苦于高德地图没有提供这样的功能。幸运的是，高德地图提供了javascript的api，于是打算自己写一个查询坐标的工具，在这里分享给大家。

代码如下：

<!DOCTYPE html>

<html>

<head>

<title>高德地图</title>

<meta charset = "UTF-8" />

<script src="http://webapi.amap.com/maps?v=1.2&key=662b7a5d373bccb29453167d08245aef" type="text/javascript"></script>

<script>

var mapObj;

function getCoordinate(location){

var geocoderOption = {

range:300,//范围

crossnum:2,//道路交叉口数

roadnum:3,//路线记录数

poinum:2//POI点数

};

var geocoder = new AMap.Geocoder(geocoderOption);

geocoder.geocode(location, function(data){

var x = (data.list)[0].x;

var y = (data.list)[0].y;

document.getElementById("result").innerHTML = x + "," + y;

var position=new AMap.LngLat(x,y);//创建中心点坐标

if (!mapObj) {

mapObj=new AMap.Map("container",{center:position, level:18});//创建地图实例

}else {

mapObj.setZoomAndCenter(18,position);

}

});

}

</script>

<style type="text/css">

html{height:100%}

body{height:100%;margin:0px;padding:0px}

#container{height:100%}

</style>

</head>

<body>

<div>

<input type="text" id="input1">

<button type="button" onclick="getCoordinate(document.getElementById('input1').value)">查询坐标</button>

</div>

<div id="result"></div>

<div id="container"></div>

</body>

</html>

使用时直接将以上代码拷贝到一个文本文件中，保存为html格式，用浏览器打开，就可以直接使用了。

界面如下：

高德地图坐标查询工具——JavaScript相关推荐

高德地图坐标的获取（ JavaScript API ）
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content=&q ...
高德地图坐标转换为具体地址
java 高德地图坐标转换为具体地址 /** * 通过经纬度查询地址查询不出来结果返回空字符串 * * @param longitude 经度大于180 * @param latitude 纬度 ...
视频教程-Web前端开发仿美团/饿了吗移动App之高德地图接口对接案例-JavaScript
Web前端开发仿美团/饿了吗移动App之高德地图接口对接案例互联网编程行业10年开发和授课经验曾任太极集团,外资企业等一线互联网python高级开发工程师现任聚焦计算机技术有限公司项目组担任架构 ...
时时获得高德地图坐标 http://lbs.amap.com/console/show/picker
1.高德地图标注在做开发时,或者做高德地图标注的时候,要用到高德地图的坐标,时时获得高德地图坐标 http://lbs.amap.com/console/show/picker 老的高德地图标注地址 ...
高德地图坐标转平面坐标
using System; using System.Collections; using System.Collections.Generic; using UnityEngine;public c ...
高德地图坐标与百度坐标转换问题
最近开发了一个手动取点(获取精度极高的点地理位置)的安卓应用,但是上传到web上做可视化的时候发现在安卓上的点位置与web上出现了偏差的移动端i(高德): 高德web上的然后再看百度地图上(坐标系 ...
C#高德地图坐标和百度坐标互相转换
C#高德地图坐标和百度坐标互相转换 public class CoordinateConvert{private static double xPi = 3.14159265358979324 * 3 ...
高德地图使用鼠标工具(mouseTool)画覆盖物折线(mouseTool.polyline)，光标使用十字架(crosshair)类型，不断出现closehand小手图标干扰
今天在使用高德地图的时候,使用鼠标工具进行地图范围折线标注,但是发现鼠标在画第二个点,鼠标落下的时候会自动请求这个URL http://webapi.amap.com/theme/v1.3/close ...
html 高德地图坐标,百度地图，高德地图，HTML5经纬度比较
对于一个地点的经纬度,是确定的?这个问题,我想很多人都会回答,肯定了,可实际上呢?我只能呵呵了. 在使用百度地图的过程中,发现一个很奇怪的现象,有时候调用百度地图js API时,后得到一个错的离谱的地 ...

高德地图坐标查询工具——JavaScript

高德地图坐标查询工具——JavaScript相关推荐

最新文章

热门文章