高德地图坐标的获取（ JavaScript API ）

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>坐标拾取</title><script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=452ee5c52fe0869fc3a9a06420d0016b"></script><style>#iMap {height: 1200px;width: 1000px;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 οnlοad="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></body><script language="javascript">var mapObj;var lnglatXY;//初始化地图function mapInit() {var opt = {level: 10, //设置地图缩放级别center: new AMap.LngLat(114.064675,22.548782) //设置地图中心点}mapObj = new AMap.Map("iMap", opt);AMap.event.addListener(mapObj, 'click', getLnglat); //点击事件}function geocoder() {var MGeocoder;//加载地理编码插件mapObj.plugin(['AMap.ToolBar','AMap.Scale','AMap.OverView','AMap.MapType','AMap.Geolocation'],
function(){
mapObj.addControl(new AMap.ToolBar());mapObj.addControl(new AMap.Scale());mapObj.addControl(new AMap.OverView({isOpen:true}));
mapObj.addControl(new AMap.MapType());
mapObj.addControl(new AMap.Geolocation());
});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: "https://webapi.amap.com/theme/v1.3/markers/n/mark_bs.png" ,size: new AMap.Size(58, 30),imageOffset: new AMap.Pixel(-0, -0)}),position: lnglatXY,offset: new AMap.Pixel(-5, -30)});// mapObj.setFitView();}//回调函数function geocoder_CallBack(data) {console.log("ddd");var address;//返回地址描述address = data.regeocode.formattedAddress;console.log(address);//返回结果拼接输出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>

高德地图坐标的获取（ JavaScript API ）相关推荐

高德地图坐标查询工具——JavaScript
原文出处: http://www.2cto.com/kf/201311/260807.html 最近需要查询高德地图上某个地点的坐标,但是苦于高德地图没有提供这样的功能.幸运的是,高德地图提供了jav ...
视频教程-Web前端开发仿美团/饿了吗移动App之高德地图接口对接案例-JavaScript
Web前端开发仿美团/饿了吗移动App之高德地图接口对接案例互联网编程行业10年开发和授课经验曾任太极集团,外资企业等一线互联网python高级开发工程师现任聚焦计算机技术有限公司项目组担任架构 ...
高德地图坐标与百度坐标转换问题
最近开发了一个手动取点(获取精度极高的点地理位置)的安卓应用,但是上传到web上做可视化的时候发现在安卓上的点位置与web上出现了偏差的移动端i(高德): 高德web上的然后再看百度地图上(坐标系 ...
高德地图搜索店名获取经纬度
有啥问题加QQ:3053916151 <!doctype html> <html lang="zh-CN"><head><meta cha ...
高德地图根据地址获取经纬度(JS)
高德地图根据地址获取经纬度(JS) <script type="text/javascript" src="https://webapi.amap.com/maps ...
百度地图的两套JavaScript API
前言百度地图的有套JavaScript API:JavaScript API 和 JavaScript API GL. JavaScript API v2.0 版本开发文档: http://lbs ...
时时获得高德地图坐标 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 ...
高德地图坐标转换为具体地址
java 高德地图坐标转换为具体地址 /** * 通过经纬度查询地址查询不出来结果返回空字符串 * * @param longitude 经度大于180 * @param latitude 纬度 ...

高德地图坐标的获取（ JavaScript API ）

高德地图坐标的获取（ JavaScript API ）相关推荐

最新文章

热门文章