下载文档原格式
利⽤⾼德地图javascriptAPI做⼀个⾃⼰的地图 最近由于项⽬中需要制作⼀个地图，⽤来选择活动地点，我就花了两天利⽤⾼德地图的javascriptAPI⾃制了⼀个地图的demo。
在这了记录⼀下我学习的过程。
⼀、进⼊官⽹，再找到⾼德地图的开放平台，我是做前端的，所以使⽤的是。
地图的功能很多，使⽤API可以⾃⼰定制⾃⼰想要的功能。
在使⽤前需要⾃⼰申请⼀个Key，引⼊API的时候会⽤到这个key。
⼆、详细看⼀下左边的那⼀列各个⾥⾯的内容，看完了基本就知道怎么回事了，它提供的javascriptAPI其实就是⼀个接⼝，调⽤它的相应的接⼝就可以得到⾃⼰需要的数据。
⾄于怎么调⽤接⼝，⾥⾯都讲的很清楚。
三、我觉得最有⽤，上⼿最快的位置还是那个实例中⼼，⾥⾯有很多不同的例⼦。
基本能满⾜各种简单需求，我把其中的三个综合了⼀下，就实现了我想要的基本功能。
下⾯是完整的代码页⾯，复制下来保存为html就可以看到我的那个效果了。
（代码后⾯有张截图，可以看下效果）<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>输⼊提⽰后查询</title><style type="text/css">/************************* Just Reset Browser Default CSS : BEGIN ***************************/html {background-color: #fff;}body, div, h1, h2, h3, h4, ul, li, form, input, dl, dt, dd, p {margin: 0;padding: 0;font-family: "微软雅⿊";}h3 {+ font-size : 14 px;_font-size: 14px;}img {border: none;}.c {clear: both;}ul, ol, li {list-style: none;}/*清除浮动*/.clearfix:after {content: ".";visibility: hidden;display: block;height: 0;overflow: hidden;clear: both;}/* no ie mac \*/* html .clearfix {height: 1%;}/* end */* + html .clearfix {height: 1%;}body {font: 12px / 1.5em 微软雅⿊, Arial, Verdana, Helvetica, sans-serif;color: #333;}button, input, select, textarea {color: #999;}input[type="button"] {padding: 0 5px;color: #333;}.demo_box {float: left;width: 620px;height: 500px;}/* map style */#iCenter {float: left;width: 650px;height: 500px;margin-left: 5px;margin-right: 10px;border: 1px solid #F6F6F6;}#r_title {line-height: 28px;padding-left: 5px;background-color: #D1EEEE;font-weight: bold;}#result {overflow: auto;margin-bottom: 5px;/* width:661px;height: 255px;*/}/* 结果项 */#result .sub_result {font-size: 12px;/*padding:0px 0 4px 2px;*/border-bottom: 1px solid #C1FFC1;}#result .sub_result .detail {}#result .sub_result .detail h3 {color: #00A6AC;}a {color: #067EC0;text-decoration: none;}a:hover {text-decoration: underline;}.note {color: #999;}/*** layerout stylesheet ***//* 修改背景URL */div.change {background-image: url(/20110909/img/map/marker-h.png); }div.change div {background-image: url(/20110909/img/map/marker-h-l.gif); }/*** copied from demo #39 添加⾃定义点覆盖物 ***//* 定义⾃定义点样式 */.markerContentStyle {position: relative;}.markerContentStyle span {background-color: #FFFFFF;color: #FF1493;width: 120px;heigth: 80px;border: 2px solid #D8BFD8;FONT-FAMILY:华⽂⾏楷;position: absolute;top: -10px;left: 25px;white-space: nowrap -webkit-border-radius : 5 px;border-radius: 5px;}/*** copied from demo #43 添加⾃定义信息窗体 ***//* 定义⾃定义信息窗体样式 */ {position: relative;z-index: 100;border: 1px solid #BCBCBC;box-shadow: 0 0 10px #B7B6B6;border-radius: 8px;background-color: rgba(255, 255, 255, 0.9);transition-duration: 0.25s;}:hover {box-shadow: 0px 0px 15px #0CF;}-top {position: relative;background: none repeat scroll 0 0 #F9F9F9;border-bottom: 1px solid #CCC;border-radius: 5px 5px 0 0;}-top div {display: inline-block;color: #333333;font-size: 14px;font-weight: bold;line-height: 31px;padding: 0 10px;}-top img {position: absolute;top: 10px;right: 10px;transition-duration: 0.25s;}-top img:hover {box-shadow: 0px 0px 5px #000;}-middle {font-size: 12px;padding: 10px;line-height: 21px;}-bottom {height: 0px;width: 100%;clear: both;text-align: center;}-bottom img {position: relative;z-index: 104;}input.inputTextStyle{width: 400px;height: 24px;font-size: 16px;margin: 5px;padding: 2px;input.btn{color: #000000;height: 30px;font-size: 16px;margin: 5px;padding: 2px;display:inline;}b.b_text{font-size: 16px;margin: 5px 0px 5px 10px;_padding-bottom:2px;_margin-left: 20px;_margin-bottom: 10px;*padding-bottom:2px;*margin-bottom: 10px;display:inline;*width:1;width: auto;overflow: auto;*overflow:visible;zoom:1;}/*** -------------------------***/</style></head><body><div><b class="b_text">活动地点：</b><input id="aim" class="inputTextStyle" type="text"/><input class="btn" type="button" value="在地图上选择" onclick="showMap();"/></div><div id="mapBg" style="position: absolute;display: none;"><div id="iCenter"></div><div class="demo_box"><div><b class="b_text">请输⼊搜索关键字：</b><input id="keyword" onkeyup="keydown();" class="inputTextStyle" type="text"/><div id="result1" name="result1" style="overflow: auto; width: 95%; border: 1px solid gray;display: none;"></div> </div><div id="r_title"><b>查询结果:</b></div><div id="result"></div></div></div><script language="javascript" src="/maps?v=1.3&key=608d75903d29ad471362f8c58c550daf"></script> <script language="javascript">var mapObj; //地图对象var lnglatXY; //当前对象坐标var aimAddress; //当前对象地址var geocoderMarker = undefined; //逆编码跟随⿏标移动视图var searchMarker = []; //搜索结果信息标记var windowsArr = []; //搜索结果地图信息var addressArr = []; //搜索结果地址集合function showMap(){ //显⽰地图var self = this;var mapEle = document.getElementById("mapBg");mapEle.style.display = "block";self.mapInit();}function makeSure(){ //点击确认var self = this;var aim = document.getElementById("aim");aim.value = aimAddress || "";}function mapInit() { //创建地图并绑定监听事件var self = this;mapObj = new AMap.Map("iCenter", {view: new AMap.View2D({//center:new AMap.LngLat(116.397428,39.90923),//地图中⼼点zoom: 12 //地图显⽰的缩放级别})});var listener = AMap.event.addListener(mapObj, "click", function (e) {mapObj.clearMap(); // 清楚所有覆盖物lnglatXY = e.lnglat;var listenMarker = new AMap.Marker({map: mapObj,position: e.lnglat,icon: "/images/0.png",offset: new AMap.Pixel(-10, -34)});mapObj.setCenter(lnglatXY);self.geocoder();});}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: "/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 onMouseOver(e) {var coor = e.split(',');var lnglat = new AMap.LngLat(coor[0], coor[1]);if (!geocoderMarker) {geocoderMarker = new AMap.Marker({map: mapObj,icon: "/images/0.png",position: lnglat,offset: new AMap.Pixel(-10, -34)});} else {geocoderMarker.setPosition(lnglat);}mapObj.setFitView();}//回调函数function geocoder_CallBack(data) {geocoderMarker = undefined;var resultStr = "";var roadinfo = "";var poiinfo = "";var address;//返回地址描述address = data.regeocode.formattedAddress;aimAddress = address;makeSure(); //把当前地址赋值给⽂本框//返回周边道路信息roadinfo += "<table style='width:600px'>";for (var i = 0; i < data.regeocode.roads.length; i++) {var color = (i % 2 === 0 ? '#fff' : '#eee');roadinfo += "<tr style='background-color:" + color + "; margin:0; padding:0;'><td>道路：" + data.regeocode.roads[i].name + "</td><td>⽅向：" + data.regeocode.roads[i].direction + "</td><td>距离：" + data.regeocode.roads[i].distance }roadinfo += "</table>";//返回周边兴趣点信息poiinfo += "<table style='width:600px;cursor:pointer;'>";for (var j = 0; j < data.regeocode.pois.length; j++) {var color = j % 2 === 0 ? '#fff' : '#eee';poiinfo += "<tr onmouseover='onMouseOver(\"" + data.regeocode.pois[j].location.toString() + "\")' style='background-color:" + color + "; margin:0; padding:0;'><td>兴趣点：" + data.regeocode.pois[j].name + "</td><td>类型：}poiinfo += "</table>";//返回结果拼接输出resultStr = "<div style=\"font-size: 12px;padding:0px 0 4px 2px; border-bottom:1px solid #C1FFC1;\">" + "<b>地址</b>：" + address + "<hr/><b>周边道路信息</b>：<br/>" + roadinfo + "<hr/><b>周边兴趣点信息</b>：<br/>"document.getElementById("result").innerHTML = resultStr;}//输⼊提⽰function autoSearch() {var keywords = document.getElementById("keyword").value;var auto;//加载输⼊提⽰插件mapObj.plugin(["AMap.Autocomplete"], function() {var autoOptions = {city: "" //城市，默认全国};auto = new AMap.Autocomplete(autoOptions);//查询成功时返回查询结果if ( keywords.length > 0) {AMap.event.addListener(auto,"complete",autocomplete_CallBack);auto.search(keywords);}else {document.getElementById("result1").style.display = "none";}});}//输出输⼊提⽰结果的回调函数function autocomplete_CallBack(data) {var resultStr = "";var tipArr = data.tips;if (tipArr&&tipArr.length>0) {for (var i = 0; i < tipArr.length; i++) {resultStr += "<div id='divid" + (i + 1) + "' onmouseover='openMarkerTipById(" + (i + 1)+ ",this)' onclick='selectResult(" + i + ")' onmouseout='onmouseout_MarkerStyle(" + (i + 1)+ ",this)' style=\"font-size: 13px;cursor:pointer;padding:5px 5px 5px 5px;\"" + "data=" + tipArr[i].adcode + ">" + tipArr[i].name + "<span style='color:#C1C1C1;'>"+ tipArr[i].district + "</span></div>";}}else {resultStr = " π__π亲,⼈家找不到结果!<br />要不试试：<br />1.请确保所有字词拼写正确<br />2.尝试不同的关键字<br />3.尝试更宽泛的关键字";}document.getElementById("result1").curSelect = -1;document.getElementById("result1").tipArr = tipArr;document.getElementById("result1").innerHTML = resultStr;document.getElementById("result1").style.display = "block";}//输⼊提⽰框⿏标滑过时的样式function openMarkerTipById(pointid, thiss) { //根据id打开搜索结果点tipthiss.style.background = '#CAE1FF';}//输⼊提⽰框⿏标移出时的样式function onmouseout_MarkerStyle(pointid, thiss) { //⿏标移开后点样式恢复thiss.style.background = "";}//从输⼊提⽰框中选择关键字并查询function selectResult(index) {if(index<0){return;}if (erAgent.indexOf("MSIE") > 0) {document.getElementById("keyword").onpropertychange = null;document.getElementById("keyword").onfocus = focus_callback;}//截取输⼊提⽰的关键字部分var text = document.getElementById("divid" + (index + 1)).innerHTML.replace(/<[^>].*?>.*<\/[^>].*?>/g,"");var cityCode = document.getElementById("divid" + (index + 1)).getAttribute('data');document.getElementById("keyword").value = text;document.getElementById("result1").style.display = "none";//根据选择的输⼊提⽰关键字查询mapObj.plugin(["AMap.PlaceSearch"], function() {var msearch = new AMap.PlaceSearch(); //构造地点查询类AMap.event.addListener(msearch, "complete", placeSearch_CallBack); //查询成功时的回调函数msearch.setCity(cityCode);msearch.search(text); //关键字查询查询});function focus_callback() {if (erAgent.indexOf("MSIE") > 0) {document.getElementById("keyword").onpropertychange = autoSearch;}}//输出关键字查询结果的回调函数function placeSearch_CallBack(data) {//清空地图上的InfoWindow和MarkerwindowsArr = [];searchMarker = [];addressArr = [];mapObj.clearMap();var resultStr1 = "";var poiArr = data.poiList.pois;var resultCount = poiArr.length;for (var i = 0; i < resultCount; i++) {addressArr[i] = poiArr[i].location;resultStr1 += "<div id='divid" + (i + 1) + "' onmouseover='openMarkerTipById1(" + i + ",this)' onclick='autoClickMap(" + i + ",this)' onmouseout='onmouseout_MarkerStyle(" + (i + 1) + ",this)' style=\"font-size: 12px;cursor:pointer;padding:0 resultStr1 += TipContents(poiArr[i].type, poiArr[i].address, poiArr[i].tel) + "</td></tr></table></div>";addmarker(i, poiArr[i]);}mapObj.setFitView();document.getElementById("result").innerHTML = resultStr1;document.getElementById("result").style.display = "block";}function autoClickMap(pointid, thiss){mapObj.clearMap();lnglatXY = addressArr[pointid];mapObj.setCenter(lnglatXY);geocoder();}//⿏标滑过查询结果改变背景样式，根据id打开信息窗体function openMarkerTipById1(pointid, thiss) {thiss.style.background = '#CAE1FF';windowsArr[pointid].open(mapObj, searchMarker[pointid]);}//添加查询结果的marker&infowindowfunction addmarker(i, d) {var lngX = d.location.getLng();var latY = d.location.getLat();var markerOption = {map:mapObj,icon:"/images/" + (i + 1) + ".png",position:new AMap.LngLat(lngX, latY)};var mar = new AMap.Marker(markerOption);searchMarker.push(new AMap.LngLat(lngX, latY));var infoWindow = new Window({content:"<h3><font color=\"#00a6ac\"> " + (i + 1) + ". " + + "</font></h3>" + TipContents(d.type, d.address, d.tel),size:new AMap.Size(300, 0),autoMove:true,offset:new AMap.Pixel(0,-30)});windowsArr.push(infoWindow);var aa = function (e) {infoWindow.open(mapObj, mar.getPosition());};AMap.event.addListener(mar, "click", aa);}//infowindow显⽰内容function TipContents(type, address, tel) { //窗体内容if (type == "" || type == "undefined" || type == null || type == " undefined" || typeof type == "undefined") {type = "暂⽆";}if (address == "" || address == "undefined" || address == null || address == " undefined" || typeof address == "undefined") {address = "暂⽆";}if (tel == "" || tel == "undefined" || tel == null || tel == " undefined" || typeof address == "tel") {tel = "暂⽆";}var str = " 地址：" + address + "<br /> 电话：" + tel + " <br /> 类型：" + type;return str;}function keydown(event){var key = (event||window.event).keyCode;var result = document.getElementById("result1")var cur = result.curSelect;if(key===40){//downif(cur + 1 < result.childNodes.length){if(result.childNodes[cur]){result.childNodes[cur].style.background='';}result.curSelect=cur+1;result.childNodes[cur+1].style.background='#CAE1FF';document.getElementById("keyword").value = result.tipArr[cur+1].name;}}else if(key===38){//upif(cur-1>=0){if(result.childNodes[cur]){result.childNodes[cur].style.background='';}result.curSelect=cur-1;result.childNodes[cur-1].style.background='#CAE1FF';document.getElementById("keyword").value = result.tipArr[cur-1].name;}}else if(key === 13){var res = document.getElementById("result1");if(res && res['curSelect'] !== -1){selectResult(document.getElementById("result1").curSelect);}}else{autoSearch();}}</script></body></html>。
【⾼德地图API】从零开始学⾼德JSAPI（四）搜索服务——POI搜索⾃动完成输⼊提⽰⾏政。
摘要：地图服务，⼤家能想到哪些？POI搜素，输⼊提⽰，地址解析，公交导航，驾车导航，步⾏导航，道路查询（交叉⼝），⾏政区划等等。
如果说覆盖物Marker是地图的⾻骼，那么服务，就是地图的⽓⾎。
有个各种各样的地图服务，我们的地图应⽤才能变得有⾎有⾁，活灵活现。
第四篇拆成了⼏个要点，本篇主要讲搜索服务。
包括周边搜索，关键词搜索，范围搜索，搜索提⽰（⾃动完成，输⼊提⽰），⾏政区域，交叉路⼝，检索⾃有数据（云图）。
⽰意图1：⾃动完成，输⼊提⽰⽰意图2：云图，⾃有数据检索，A-H图标显⽰，⿇点图---------------------------------------------------------------------------------------⼀、POI搜索1、关键字查询使⽤search⽅法，传⼀个关键词参数即可。
MSearch.search('东⽅明珠'); //关键字查询完整代码：//关键词查询function placeSearch1() {var MSearch;mapObj.plugin(["AMap.PlaceSearch"], function() {MSearch = new AMap.PlaceSearch({ //构造地点查询类pageSize:10,pageIndex:1,city:"021" //城市});AMap.event.addListener(MSearch, "complete", keywordSearch_CallBack);//返回地点查询结果MSearch.search('东⽅明珠'); //关键字查询});}⽰意图：2、输⼊提⽰html部分：<div class="autoclass"><input type="text" id="keyword" name="keyword" value="" style="width: 95%;"/><div id="result1" class="autobox" name="result1"></div></div>JS部分：在地图初始化时，添加【⾃动完成/输⼊提⽰】插件。
移动应用开发中的高德地图API使用指南随着移动应用的普及和发展，地图应用已经成为人们日常生活的必备工具。
在移动应用开发过程中，使用高德地图API能够为应用增加定位、导航、搜索等功能，提升用户体验。
本文将为大家介绍高德地图API的使用指南，帮助开发者更加灵活和高效地使用这一强大的工具。
一、高德地图API概述高德地图API（Application Programming Interface）是高德地图提供的一组开发接口，为开发者提供了访问高德地图底图、定位服务、导航服务等功能的能力。
开发者可以通过调用这些接口，将地图相关的功能集成到自己的移动应用中。
二、地图显示功能在移动应用中显示地图是最基本的功能之一。
使用高德地图API，开发者可以轻松地在应用中展示地图。
首先，开发者需要在高德开放平台注册一个开发者账号，并申请一个API Key，用于在应用中验证开发者身份。
接下来，可以使用API提供的地图展示接口，将地图显示在应用的指定位置。
开发者可以设置地图的中心点、缩放级别、地图类型等属性，以满足不同场景下的需求。
三、地理编码和逆地理编码通过地理编码和逆地理编码，开发者可以将地理坐标与地址信息进行转换。
地理编码是将地址转换为地理坐标的过程，逆地理编码则是将地理坐标转换为地址的过程。
使用高德地图API提供的接口，开发者可以根据用户提供的详细地址，获取对应的经纬度信息，并在地图上标注出来；或者根据用户提供的经纬度信息，获取对应的地址信息，并显示在应用中。
四、定位功能定位是移动应用中常见的功能需求之一。
高德地图API提供了定位服务接口，可以帮助应用获取用户的地理位置信息。
开发者可以通过调用接口，获得用户的经纬度、精确度等信息，并在地图上定位用户的当前位置。
同时，高德地图API还提供了地理围栏功能，可以实现对指定区域进行监控和提醒，为应用增加更多的定位功能。
五、导航功能导航是许多应用中不可或缺的功能之一。
高德地图API提供了多种导航接口，可以帮助应用实现步行、驾车、公交等不同方式的导航功能。
【⾼德地图API】从零开始学⾼德JSAPI（三）覆盖物——标注折线多边形信息窗⼝聚合mar。
摘要：覆盖物，是⼀张地图的灵魂。
有覆盖物的地图，才是完整的地图。
在⼀张地图上，除了底层的底图（⽡⽚图，⽮量图），控件（有功能可操作的⼯具），最重要最不可缺少的就是覆盖物了。
覆盖物有多种，包括，标注、折线、多边形、信息窗⼝、聚合marker、⿇点图和图⽚覆盖物。
本⽂会详细介绍每⼀种覆盖物的概念，添加⽅法，修改⽅法，移除⽅法等。
最后会提供⽰例和源代码下载。
-------------------------------------------------------------------------------------------------⼀、标注marker最常见的覆盖物就是标注（marker），⽤它可以标⽰出店铺的位置，你所在的位置，连锁店的分布图等，可以把标注简单理解为1个点。
温馨有爱的⼩贴⼠：标注marker的图⽚可以是gif图，让marker“动”起来。
1、添加标注——“可爱的赵灵⼉”icon是标注的图⽚地址，想⽤什么图⽚，就把图⽚地址放在这⾥。
position是标注的位置，经纬度。
//实例化markerfunction addMarker(){marker=new AMap.Marker({icon:"zhao.gif",position:new AMap.LngLat(116.405467,39.907761)});marker.setMap(mapObj); //在地图上添加点}2、修改标注——“⼀秒钟变拓跋⽟⼉”setContent是⽤于改变⽂字说明，⽀持html5；setPosition是⽤于改变标注的位置。
marker.setContent(markerContent);//更新点标记内容marker.setPosition(new AMap.LngLat(116.391467,39.927761)); //更新点标记位置3、清除覆盖物对于制定marker，可以单独清除每⼀个覆盖物：marker.setMap(null);清除地图上全部覆盖物，⽤：mapObj.clearMap();⼆、聚合marker1、增加⼀个marker温馨⼩贴⼠：不如icon的值为空，就会调⽤⾼德默认的marker哟，也蛮漂亮的。
接口提供的功能1.初始话地图mapInit(ew,sn)2.地图描点具体可参考示例要用到地图的页面加：<script type="text/javascript" src="mapapi.template.js"></script> Mapapi.template.js和当前页面在同一目录下。
该页面还需要定义一个地方来显示地图：<div style="width:500px; height:500px;"><div id="map" style="width:400px; height:300px;"></div></div>可以描点，要保存描点的经纬度的话，需要定义两个框或隐藏域。
经度：<input type="text" id="EW" value=""> 纬度：<input type="text" id="SN" value=""> 或者：经度：<input type="hidden" id="EW" value=""> 纬度：<input type="hidden" id="SN" value=""> id必须是"EW"和"SN"然后直接保存这两个的值就行。
具体可以参考maptest.html。
⾼德地图api实现地址和经纬度的转换（python）利⽤⾼德地图web服务api实现地理/逆地址编码api使⽤具体⽅法请查看官⽅⽂档1.利⽤python第三⽅库requests实现1#!/usr/bin/env python32#-*- coding:utf-8 -*-3'''4利⽤⾼德地图api实现地址和经纬度的转换5'''6import requests78def geocode(address):9 parameters = {'address': address, 'key': 'cb649a25c1f81c1451adbeca73623251'}10 base = '/v3/geocode/geo'11 response = requests.get(base, parameters)12 answer = response.json()13print(address + "的经纬度：", answer['geocodes'][0]['location'])1415if__name__=='__main__':16#address = input("请输⼊地址:")17 address = '北京市海淀区'18 geocode(address)2.基于http协议利⽤标准库http.client实现1#!/usr/bin/env python32#-*- coding:utf-8 -*-3'''4利⽤⾼德地图api实现地址和经纬度的转换5'''678import http.client9import json10from urllib.parse import quote_plus1112 base = '/v3/geocode/geo'13 key = 'cb649a25c1f81c1451adbeca73623251'1415def geocode(address):16 path = '{}?address={}&key={}'.format(base, quote_plus(address), key)17#print(path)18 connection = http.client.HTTPConnection('',80)19 connection.request('GET', path)20 rawreply = connection.getresponse().read()21#print(rawreply)22 reply = json.loads(rawreply.decode('utf-8'))23print(address + '的经纬度：',reply['geocodes'][0]['location'])2425if__name__=='__main__':26#address = input("请输⼊你的地址：")27 address = '北京市朝阳区'28 geocode(address)3.利⽤基于传输层上socket实现1#!/usr/bin/env python32#-*- coding:utf-8 -*-34import socket5from urllib.parse import quote_plus67 request_text = """\8GET /v3/geocode/geo?address={}&key=cb649a25c1f81c1451adbeca73623251 HTTP/1.1\r\n\9Host: :80\r\n\10User-Agent: search4.py\r\n\11Connection: close\r\n\12\r\n\13"""1415def geocode(address):16 sock = socket.socket()17 sock.connect(('', 80))18 request = request_text.format(quote_plus(address))19 sock.sendall(request.encode('ascii'))20 raw_reply = b''21while True:22 more = sock.recv(4096)23if not more:24break25 raw_reply += more26print(raw_reply.decode('utf-8'))2728if__name__=='__main__':29#address = input("请输⼊地址：")30 address = '北京市朝阳区'31 geocode(address)。
【高德地图API】从零开始学高德JS API（五）路线规划先来看两个问题：路线规划与导航有什么区别？步行导航与驾车导航有什么区别？回答：1、路线规划，指的是为用户提供3条路线推荐。
【高德】在提供路线规划的时候，会提供用户自定义路线规划功能，这是别家没有做到的。
导航，指的是为驾车用户提示路口信息，向左向右，进入匝道等信息。
2、我们这里说的步行导航和驾车导航，严格的说，应该是路线规划。
从A地到B地，如果是驾车，路线规划会将公路路网做为搜索数据；如果是步行，过街天桥、地下通道、人行道做为搜索数据。
-------------------------------------------------------------------------------------------------------一、路线规划——驾车1、驾车路线规划有三种策略，分别是最短时间、最少费用、最短路径、规避拥堵（参考了实时交通数据，这个比较NB）。
LEAST_TIME，LEAST_FEE,LEAST_DISTANCE,REAL_TRAFFIC我们在这里采取驾车插件来做。
代码：//驾车导航function driving_route() {clearMap();mapObj.plugin(["AMap.Driving"], function() {var DrivingOption = {policy: AMap.DrivingPolicy.LEAST_TIME };MDrive = new AMap.Driving(DrivingOption); //构造驾车导航类AMap.event.addListener(MDrive, "complete", driving_routeCallBack); //返回导航查询结果MDrive.search(start_xy, end_xy); //根据起终点坐标规划驾车路线});}示意图：2、驾车最后一公里步行在最开始一段，和最后一段步行距离的时候，可以用虚线来表示。
{售后服务}高德服务接口说明新版
高德地图作为国内领先的地理信息服务提供商，不仅提供了精准的地图数据和导航服务，还为用户提供了完善的售后服务。
下面将对高德地图的售后服务接口进行详细的说明。
3.技术支持API：高德地图为开发者提供了专门的技术支持API，用户可以通过该接口获取高德地图开发者平台的技术支持信息。
用户可以了解到最新的技术文档、开发指南、常见问题及解决方案等，以帮助开发者解决技术上的问题。
4.问题反馈API：用户使用高德地图产品时，遇到问题可以通过问题反馈API进行反馈。
用户可以描述问题的具体内容和出现的情况，并提供相应的截图或录像等辅助材料。
高德地图的技术人员会仔细分析用户的问题，并尽快给出解决方案或回复。
5.帮助中心API：高德地图还提供了帮助中心API，用户可以通过该接口获取到高德地图的帮助中心的相关信息。
帮助中心包括了各类教程、常见问题及解答、使用说明等，用户可以根据需要查阅相关的帮助文档，解决自己的问题。
6.售后服务投诉API：如果用户对高德地图的售后服务不满意，可以通过售后服务投诉API进行投诉。
用户可以详细描述投诉的内容和原因，高德地图将会尽快处理用户的投诉，并采取相应的措施改进售后服务。
使用AutoNavi MAP API 开发地图应用•为什么要使用AutoNavi MAP API•AutoNavi MAP API 概述•AutoNavi Android MAP API 与Google Android Map API 比较•如何使用AutoNavi MAP API如何实现坐标偏转如何创建MapView如何创建ItemizedOverlay如何创建PoiSearch如何创建Geocoder如何创建MyLocation•FAQ•技术支持(QQ群：122795260, 邮箱:mapservice@)为什么要使用AutoNavi MAP API因为商业上的原因，联想不能在中国市场发布的手机上预装Google相关的手机服务，包括Google地图API。
为了解决这一问题，我们和高德公司(AutoNavi)合作，在手机上预置了AutoNavi提供的多种基于位置的服务。
高德公司作为中国领先的导航电子地图内容和位置服务解决方案提供商，旗下的互联网MAP API（）同样在业界具有良好的口碑。
可为客户提供跨平台、跨媒体的位置服务解决方案。
我们同时鼓励中国的开发者们，使用AutoNavi MAP API开发基于位置和地图应用程序，并且发布在中国市场中的联想手机上。
AutoNavi MAP API 概述AutoNavi MAP API是高德软件公司提供的调用地图的接口方法。
用户的应用程序可以通过AutoNavi MAP API提供的接口方法操作地图数据，实现位置相关或地图相关应用。
例如，通过调用AutoNavi MAP API，将地图数据整合到自己的应用中，可以将商户的地理位置信息在地图上进行标注，以很直观的形式展现给使用者。
AutoNavi MAP API还将添加自驾，公交及步行的线路规划API。
同时，还将加入对矢量地图的支持，大幅提高地图下载的速度。
在不久的将来，还会加入3D街区图和其他的个性化地理数据支持。
要创建一个地图，需要在一个页面布局中扩展MapActivity及实现MapView类。
您必须设置"android:apiKey"才能在您的应用中使用MapView获取地图数据。
在模拟器环境中，您可以通过申请调试API 秘钥，进行程序开发。
但在发布时，您必须申请签名证书的API秘钥，并替换MapView中的调试API秘钥。
AutoNavi MAP API 的详细内容可参考/。
AutoNavi Android MAP API 与Google Android Map API 比较首先，AutoNavi Android MAP API 与Google Android Map API是基本兼容的，只需替换Java包名和Map API Key，即可将Google Android Map API替换为AutoNavi Android MAP API。
在此基础之上，AutoNavi Android MAP API同时还提供了一些个性化的功能和服务, 见下文介绍:1. 坐标偏转：根据中国相关法律规律，GPS坐标首先需要经过偏转，否则此位置点将不能与电子地图匹配。
AntoNavi Android MAP API支持了坐标偏转功能，并且在类MyLocation中内置了此功能，因此位置点显示相比较为准确。
2. 本地缓存：位置相关应用的特点是用户的地图访问有一定的局部性。
因此，AutoNavi Android MAPAPI增加了本地缓存功能，此功能有助于提高速度，且减少最终用户资费。
3. Cell ID定位（手机基站定位）：根据手机的当前连接基站，确定位置。
此功能使用Android LocationManager机制，可以与现有的定位机制无缝集成。
当GPS无信号时，可实现使用Cell ID定位。
4. Geocodeing & Reverse Geocoding（地理编码与逆地理编码）：在国外，位置信息地址描述相对比较精确，例如：XX市XX街道XX号。
但在中国，由于一些生活习惯的特点和差异，用户一般不会准确描述位置信息地址，而是选择通过以下描述来定位位置：XX路口。
具体场景如: “我在XX路口等你“ 或”我们在XX大厦旁边见面“。
根据此特点，我们进行了本地化设计，因此高德地理编码与逆地理编码API满足了此类需求。
5. Poi搜索: 通过高德Poi搜索API，简单的几条语句，即可进行POI搜索，并且将结果标注在地图上。
这大大简化了程序开发人员的工作。
另一方面，高德的地理搜索引擎支持语义级别的POI搜索。
具体场景: 假设有一个应用想在当前地图上标注所有饭馆，如果使用通用的搜索，如何设置搜索关键字呢？“饭馆”，“饭馆+餐厅”，“吃饭”？似乎没有非常合理的方案。
而高德的地理搜索引擎除传统的全文搜索外，同时提供类别搜索。
开发人员可自行组合高德POI类别，实现在AutoNavi MAP API 的基础上创造出自有应用程序更强大的应用。
如何使用AutoNavi MAP API在这一节里我们会通过例子来展示如何创建一个使用AutoNavi API的应用并加以详细说明。
AutoNavi MAP API 允许用户在自己的应用中加入地图功能，给地图添加各种标注、折线等，同时可以进行地图相关操作、显示信息提示窗口等功能。
通过本教程使用户可以创建一个MapActivity的子类，将MapView显示于其上，并可以用MapController来控制显示的坐标、视野高度。
处理起来非常简单。
注意事项下面介绍在程序开发中要注意的一些问题：首先是必须要申请一个Map Api Key, 具体方法可参考这里/android/faq其次，是一定要在manifest.xml中设置相应的权限，比如：view sourceprint?1.<uses-permission android:name="android.permission.INTERNET"/>2.<uses-permissionandroid:name="android.permission.ACCESS_NETWORK_STATE"/>3.<uses-permissionandroid:name="android.permission.WRITE_EXTERNAL_STORAGE"/>如何创建MapViewMapActivity是一个抽象类，任何想要显示MapView的activity都需要派生自MapActivity。
并且在其派生类的onCreate()中，都要创建一个MapView实例。
可以通过MapView constructor (then add it to a layout View with ViewGroup.addView(View)) 或者通过layout XML来创建。
MapViewDemo.javaview sourceprint?01.import android.os.Bundle;02.import com.autonavi.mapapi.GeoPoint;03.import com.autonavi.mapapi.MapActivity;04.import com.autonavi.mapapi.MapController;05.import com.autonavi.mapapi.MapView;06.07.public class MapViewDemo extends MapActivity {08. MapView mMapView;09. MapController mMapController;10. GeoPoint point;11. @Override12. /**13. *显示地图，启用内置缩放控件，并用MapController控制地图的中心点及Zoom级别14. */15. protectedvoidonCreate(Bundle savedInstanceState) {16. // TODO Auto-generated method stub17. super.onCreate(savedInstanceState);18. setContentView(yout.mapviewdemo);19. mMapView = (MapView) findViewById(R.id.atmapsView);20. mMapView.setBuiltInZoomControls(true); //设置启用内置的缩放控件21. mMapController = mMapView.getController(); // 得到mMapView的控制权,可以用它控制和驱动平移和缩放22. point = newGeoPoint((int) (39.90923* 1E6),23. (int) (116.397428* 1E6)); //用给定的经纬度构造一个GeoPoint，单位是微度 (度 * 1E6)24. mMapController.setCenter(point); //设置地图中心点25. mMapController.setZoom(12); //设置地图zoom级别26. }27.}Mapviewdemo.xmlview sourceprint?01.<?xmlversion="1.0"encoding="utf-8"?>02.03.<LinearLayoutxmlns:android="/apk/res/and roid"04. xmlns:autonavi="/apk/res/com.map apidemo.invokejar"05. android:orientation="vertical"android:layout_width="fill_p arent"06. android:layout_height="fill_parent">07. <com.autonavi.mapapi.MapViewandroid:id="@+id/atmapsView"08. android:layout_width="fill_parent"android:layout_h eight="fill_parent"09. android:clickable="true"10. android:apiKey="????????"11. autonavi:userAgent="androidh"/>12.</LinearLayout>13.<!-- 这里需要将api key中的????????????改成你自己申请到的api key. -->图1：MapView显示地图如何创建ItemizedOverlayItemizedOverlay是Overlay的一个基类，它包含了一个OverlayItems列表。
