大侠们 早上好啊
小弟我来了。。。。。你们不会被我的标题吸引进来的吧 。。。。嘿嘿,感谢支持啦
既然进来了。。帮顶下呗。。。顺便看看问题啦
今天我想求一个接口:
事情是这个样子的,由于网站要求,需要做个地图,我发现google Map API不错,可惜是找了半天没找到一个像样的接口,可
能是我奔吧。。
希望知道的大侠们给个接口: 是通过页面上的 国家、城市、道路名、邮政编码 这4个进行地图查询 希望大侠们帮助
找下,或写了哈(我不会写,55555555555)
为了鼓励大家: 给分80 还有提供你们一个代码进行看看。。。。,让大家既然来了,就不后悔。 可以直接使用
- HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>我的api</title> <link rel="shortcut icon" href="http://www.tucoo.com/icon/xtrd_iconset1/s/XTRD-heart.png"/> <!-- 随便连了个图标 --> <style type="text/css">body { text-algin: center; }v\: * { behavior: url(#default#VML);}#content{ height: 100%; width: 100%; }#map{ widows: 100%; height: 600px; }#message{ text-align: center; }#dosomething{ text-align: center; }#dosomething .button{ text-align: right; }</style> <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAArOZgwowl24SQDUsdg_UiMxQVwmba-i56saYlzjiEvj048FCMexTXH9I26hjJnXbmlYgoknC4agGy3Q" type="text/javascript"></script><!-- 声明google key 请到http://www.google.com/apis/maps/signup申请 --> <script type="text/javascript"> var map; // 定义地图 function load(){ if (GBrowserIsCompatible())//辨别浏览器是否兼容 { map = new GMap2(document.getElementById("map"));//调用google函数画一个初图 map.addControl(new GLargeMapControl());//添加地图组件 一个在Google Local之中使用的大的移动缩放控件,显示在地图的左上角 map.addControl(new GMapTypeControl());//添加地图组件 让用户切换地图类型的按钮控件(例如地图模式和卫星图模式) map.addControl(new GScaleControl());//添加地图组件 地图比例尺控件 map.addControl(new GOverviewMapControl(new GSize(100, 100)));//添加地图组件 一个可折叠的鹰眼地图,在地图的角落 GEvent.addListener(map, "moveend", function () { //捕捉 当地图上发生改变的时候调用 var center = map.getCenter(); document.getElementById("message").innerHTML = "\u4e2d\u5fc3\u7ecf\u7eac" + center.toString();//转码:中心经纬 }); map.setCenter(new GLatLng(39.917, 116.397), 4);//设置地图的中心点 map.setMapType(G_HYBRID_MAP); //设置地图的类型 现在用的混合视图 (G_NORMAL_MAP >简图,G_SATELLITE_MAP >卫星图,G_HYBRID_MAP >混合图) map.enableScrollWheelZoom(); //让地图启用鼠标滚轮 map.enableDoubleClickZoom(); //让地图启用鼠标双击 map.enableContinuousZoom(); //让地图启动滑动效果 }else { alert("Your browser is not compatible with GoogleMap");//您的浏览器不兼容 } } function showme(){ var cityname = document.getElementById('remark').value;//获得 备注 var citylat = document.getElementById('lat').value; //获得 纬度 var citylon = document.getElementById('lon').value; //获得 经度 var citysize = document.getElementById('citysize').value; //获得 地图比例 if(citylat == '') { window.alert('没有纬度'); return; }else if(citylon == '') { window.alert('没有经度'); return; } if(cityname == '') { cityname='没有备注'; } var point = new GLatLng(citylat,citylon); //创建一个坐标 var marker = new GMarker(point, {draggable:true}); //创建一个标注 并启动它的拖拽功能 GEvent.addListener(marker, "dragstart", function () {//当标注开始拖拽时发生 map.closeInfoWindow(); }); GEvent.addListener(marker, "dragend", function () {//当标注完成拖拽时发生 document.getElementById('lat').value = marker.getPoint().lat(); document.getElementById('lon').value = marker.getPoint().lng(); marker.openInfoWindowHtml("\u786e\u5b9a\u597d\u81ea\u5df1\u7684\u4f4d\u7f6e\u54e6"); }); GEvent.addListener(marker, "mouseover", function () {//当鼠标经过标注时发生 marker.openInfoWindow("<span style='font-size:9pt;'>注释:</span><span style='color:green;'>"+cityname+"</span>"); }); GEvent.addListener(marker, "mouseout", function () {//当鼠标离开标注时发生 map.closeInfoWindow(); }); map.addOverlay(marker);//在地图上添加标注 document.getElementById('lat').value = marker.getPoint().lat();//修改纬度显示 document.getElementById('lon').value = marker.getPoint().lng();//修改经度显示 map.setCenter(point, parseFloat(citysize));//设置地图的中心点 } window.onload=load; //页面读取时开始加载 window.onunload=GUnload; //一个内存销毁函数 防止内存泄露 </script> </head> <body> <div id="content" style=""> <div id="map" style=""></div> <div id="message"></div> <div id="dosomething"> 备注:<input type="text" id="remark" value="没有备注"/> 经度:<input type="text" id="lat" value="30.59273"/> 纬度:<input type="text" id="lon" value="114.30542"/> 大小:<select id="citysize" title="地图显示的比例" onchange="showme();"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4" selected="selected">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> </select> <br /> <input type="button" value="显示位置" onclick="showme();""/> </div> </div> </body></html>