google Map APi学习与总结（二）

来源：互联网发布：java 获取对象地址编辑：程序博客网时间：2024/05/29 13:55

闲话不说，接google Map APi学习与总结（一）

这样基本的小查询就实现了，但是说实话，一般很少人去通过经纬度查地址，这个是困难的同时也是不可行了的，大家很快就会想到查国家，查城市呀，于是又重新的修改了

代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd "><html xmlns=" http://www.w3.org/1999/xhtml" xml:lang="en"><head>    <script src=" http://maps.google.com/maps?file=api&v=2&key=ABQIAAAALcd_q6UiGxcHp3eooJ2W-RQRS5-lso5HIopdvnzabVM14up_SRS1IkL_D0yPIgc-xdkCgecfiLNdfw"        type="text/javascript">//My Google Maps Key    </script>    <script type="text/javascript">function load() {if (GBrowserIsCompatible()) {var map = new GMap2(document.getElementById("map"));map.addControl(new GLargeMapControl());map.addControl(new GMapTypeControl());map.addControl(new GOverviewMapControl(new GSize(100, 100)));var center = new GLatLng(31.298886, 120.585316);map.setCenter(center, 14);map.setMapType(G_NORMAL_MAP);map.enableScrollWheelZoom(); //让地图启用鼠标滚轮    map.enableDoubleClickZoom();//让地图启用鼠标双击    map.enableContinuousZoom();//让地图启动滑动效果geocoder = new GClientGeocoder();var marker = new GMarker(center, {draggable : true});map.addOverlay(marker);document.getElementById("lat").value = center.lat();document.getElementById("lng").value = center.lng();geocoder = new GClientGeocoder();GEvent.addListener(marker, "dragend", function () {var point = marker.getPoint();map.panTo(point);document.getElementById("lat").value = point.lat();document.getElementById("lng").value = point.lng();});GEvent.addListener(map, "moveend", function () {map.clearOverlays();var center = map.getCenter();var marker = new GMarker(center, {draggable : true});map.addOverlay(marker);document.getElementById("lat").value = center.lat();document.getElementById("lng").value = center.lng();GEvent.addListener(marker, "dragend", function () {var point = marker.getPoint();map.panTo(point);document.getElementById("lat").value = point.lat();document.getElementById("lng").value = point.lng();});});}}function showAddress(address) {var map = new GMap2(document.getElementById("map"));map.addControl(new GLargeMapControl());map.addControl(new GMapTypeControl());map.enableScrollWheelZoom(); //让地图启用鼠标滚轮map.enableDoubleClickZoom();//让地图启用鼠标双击    map.enableContinuousZoom();//让地图启动滑动效果if (geocoder) {geocoder.getLatLng(address,function (point) {if (!point) {alert(address + " city not found !");} else {document.getElementById("lat").value = point.lat();document.getElementById("lng").value = point.lng();map.clearOverlays()map.setCenter(point, 6);var marker = new GMarker(point, {draggable : true});map.addOverlay(marker);GEvent.addListener(marker, "dragend", function () {var pt = marker.getPoint();map.panTo(pt);document.getElementById("lat").value = pt.lat();document.getElementById("lng").value = pt.lng();});GEvent.addListener(map, "moveend", function () {map.clearOverlays();var center = map.getCenter();var marker = new GMarker(center, {draggable : true});map.addOverlay(marker);document.getElementById("lat").value = center.lat();document.getElementById("lng").value = center.lng();GEvent.addListener(marker, "dragend", function () {var pt = marker.getPoint();map.panTo(pt);document.getElementById("lat").value = pt.lat();document.getElementById("lng").value = pt.lng();});});}});}}</script></head><body onload="load()" onunload="GUnload()"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><title>my google map</title><script type="text/javascript">function get_imps() {var t = document.getElementsByTagName('html');var arr = t[0].innerHTML.match(/redvase\.bravenet\.com\/track\/impression\/[^"' ]+/g)lastValue = '';result = new Arrayfor (var i = 0; i < arr.length; i++) {var curValue = arr[i];if (curValue != lastValue) {result[result.length] = curValue;}lastValue = curValue;}return result.join(',').replace(/\//g, '%2F')}function get_abuse_link() {tag = '<a href="http://www.bravenet.com/global/adproblem.php?ads_seen=' + get_imps() + '" style="font: 11px tahoma, sans-serif; color: #004891;" target="_blank">Report Problem Ad</a>'o = document.getElementById('abuse-link')o.innerHTML = tag}</script></head><body>    <script language="JavaScript">var message = "";function clickIE() {if (document.all) {(message);return false;}}function clickNS(e) {if(document.layers || (document.getElementById && !document.all)) {if (e.which == 2 || e.which == 3) {(message);return false;}}}if (document.layers) {document.captureEvents(Event.MOUSEDOWN);document.onmousedown = clickNS;} else {document.onmouseup = clickNS;document.oncontextmenu = clickIE;}document.oncontextmenu = new Function("return false")    </script>        <b>城市名称:</b>        <form action="#" onsubmit="showAddress(this.address.value); return false">            <input type="text" size="34" name="address" value="苏州" />            <input type="submit" value="查询!" />        </form>       最近的坐标:             <table bgcolor="#FFFFFF" width="300">                <tr>                    <td width="70">                        <b>纬度:</b></td>                    <td>                        <input  type="text" size="34" name="latitude" value="" id="lat" /></td>                </tr>                <tr>                    <td width="70">                        <b>经度:</b></td>                    <td>                        <input  type="text" size="34" name="longitude" value="" id="lng" /></td>                </tr>            </table>            <br>            <div align="center" id="map" style="width: 100%; height: 600px">            </div></body></html></body></html>

下接

google Map APi学习与总结（三） .

如果转载或使用，希望标明本人地址。

当然我也是问好多人的，可是大家都没给我正确答案，很困惑哦我问了好多人啊。。。。。。。。。。。。。。