使用javaScript从高德地图获取数据.docx

使用javaScript从高德地图获取数姚逸璠A、工具：Visual Studio 2010B、语言：HTML、javaScriptC、实现流程：在visual studio中，点击 文件-新建-网站,得到下图：选择：ASP.NET空网站。在“设计”视图下，使用工具箱分别添加一个“div容器”，与一个“Button”，如下：转到“源”视图，为Button添加监听器onclick,并附上javascript代码，代码如下所示（注意需要填入申请的高德map的key，以及构造map时使用我们刚刚添加的容器）!DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=text/html; charset=utf-8/title关键字查询/titlestyle type=text/cssbody{margin:0;height:100%;width:100%;position:absolute;font-size:12px;}#mapContainer{position: absolute;top:0;left: 0;right:0;bottom:0;}#mapSearch1{position: absolute;top:0;left: 100;pageIndex:1;} /style/headbody div id=mapContainer/divbutton id=mapSearch1 onclick=javascript:placeSearch();关键词搜索/button script type=text/javascript src=/maps?v=1.3amp;key=be64fe8a1752d3437dbbb715f359a141/scriptscript type=text/javascriptvar map = new AMap.Map(mapContainer, {resizeEnable: true});var marker = new Array();var windowsArr = new Array();//基本地图加载function placeSearch(){ var MSearch; AMap.service([AMap.PlaceSearch], function() { MSearch = new AMap.PlaceSearch({ //构造地点查询类 pageSize:10, pageIndex:1, city:020 //城市 }); //关键字查询 MSearch.search(白云宾馆, function(status, result){ if(status === complete === OK){ keywordSearch_CallBack(result); } else{ alert(Failed);} }); });}//placeSearch();//添加markerinfowindow function addmarker(i, d) { var lngX = d.location.getLng(); var latY = d.location.getLat(); var markerOption = { map:map, icon:/images/ + (i + 1) + .png, position:new AMap.LngLat(lngX, latY), topWhenMouseOver:true }; var mar = new AMap.Marker(markerOption); marker.push(new AMap.LngLat(lngX, latY)); var infoWindow = new AMap.InfoWindow({ content:h3font 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,-20) }); windowsArr.push(infoWindow); var aa = function (e) {infoWindow.open(map, mar.getPosition());}; AMap.event.addListener(mar, mouseover, aa);}//回调函数function keywordSearch_CallBack(data) { var resultStr =