google map geocoder 地理位置编码的实例

最新推荐文章于 2024-08-12 08:37:51 发布

xrl2012

最新推荐文章于 2024-08-12 08:37:51 发布

阅读量1.7k

点赞数

分类专栏： html教程

本文链接：https://blog.csdn.net/xrl2012/article/details/50600943

版权

html教程专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>google map polyline</title>
<script type="text/javascript" src="http://www.taketours.com/js/jquery/jquery-core-and-ui.js"></script>
<script type="text/javascript" src="http://ditu.google.cn/maps/api/js?sensor=false&language=zh-CN"></script>
<script type="text/javascript" src="http://www.taketours.com/js/gmap3.min.5.js"></script>
<script type="text/javascript" src="http://www.taketours.com/js/gmap3.min.5.js"></script>

<script type="text/javascript">
var map = null;


function initMap(){
    var lat = "-33.9";
    var lng = "151.2";

    var myLatlng = new google.maps.LatLng(lat,lng);
    var myOptions = {
		zoom: 10,
		center: myLatlng,
		mapTypeId: google.maps.MapTypeId.ROADMAP,
		scaleControl : false,
		mapTypeControl : false,
		zoomControlOptions: {
		style: google.maps.ZoomControlStyle.BIG,
		position: google.maps.ControlPosition.LEFT_TOP
    }
    }
	
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
	
   
}


function getCoordinate(address) {
	var geocoder = new google.maps.Geocoder();
	geocoder.geocode( {  
		'address' : address  
	}, function(results, status) {  
		if (status == google.maps.GeocoderStatus.OK) {  
			var myLatLng = results[0].geometry.location;
			document.getElementById("latitude").value = myLatLng.lat().toFixed(6);
			document.getElementById("longitude").value = myLatLng.lng().toFixed(6);
			loadMap(myLatLng.lat(), myLatLng.lng(), address);  
 
		} else {  
			alert(address + " not found");  
		}  
	});  

}


function getCoordinate1(address) {
	var geocoder = new google.maps.Geocoder();
	geocoder.geocode( {  
		'address' : address  
	}, function(results, status) {  
		if(status == google.maps.GeocoderStatus.OK){
                if (status != google.maps.GeocoderStatus.ZERO_RESULTS) {
                    map.setCenter(results[0].geometry.location);
alert(results[0].geometry.location.lat()); //获取latitude, longitude
 var marker = new google.maps.Marker({map:map, position:results[0].geometry.location});
                }
                else{
                    alert("hop")
                }
            }
	});  

}



</script>

</head>

<body οnlοad="initMap()">
<div id="map_canvas" style="margin:0px; padding:0px; width:1000px; height:400px;" >

</div>
<input type="button" name="btn" value="geocoder"  οnclick="getCoordinate1('13330 39th Ave Flushing, NY 11354')"/>
<input type="button" name="btn" value="geocoder1"  οnclick="getCoordinate1('hz')"/>
<input  type="hidden" name="latitude" id="latitude" value="-43.890542"/>
<input  type="hidden" name="longitude" id="longitude" value="121.274856, 4"/>



</body>
</html>