Google Map 显示当前IP所在位置

最新推荐文章于 2024-08-23 15:32:07 发布

最新推荐文章于 2024-08-23 15:32:07 发布 · 246 阅读

文章标签：

#Google #QQ #JavaScript #HTML #ViewUI

web 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种利用Google Maps API实现地图加载的方法，并通过地理编码将地址转换为经纬度坐标，以便在地图上显示具体位置。文中展示了如何使用JavaScript进行地图初始化、控制及地理编码查询。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
  <script type="text/javascript" src="http://fw.qq.com/ipaddress" charset="GBK"></script>
  <script type="text/javascript" src="http://www.google.com/jsapi?key=abc"></script>
  <script type="text/javascript" src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true&amp;key=abc"></script>
  <script type="text/javascript">
	function loadMaps(address) {
	  var map = new google.maps.Map2(document.getElementById("map"));
      map.addControl(new GSmallMapControl());
      map.addControl(new GMapTypeControl());
	  var geocoder = new GClientGeocoder();
	  geocoder.getLatLng(
		address,
		function(point) {
		  if (!point) {
			alert(address + " not found");
			map.setCenter(new GLatLng(35.8616600, 104.1953970), 4);
		  } else {
			map.setCenter(point, 12);
			var marker = new GMarker(point);
			map.addOverlay(marker);
			marker.openInfoWindowHtml(address);
		  }
		}
	  );
	}

	function init() {
	  loadMaps(IPData[2]);
	}
    </script> 
 </HEAD>

 <BODY onload="init()" onunload="GUnload()">
  <div id="map" style="width: 800px; height: 600px"></div> 
 </BODY>
</HTML>