谷歌移動標記獲取經緯度,並獲取地址信息
<head>
<title></title>
<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var geocoder = new google.maps.Geocoder();
function initialize() {
var myOptions = {
zoom: 5,
center: new google.maps.LatLng(30.3, 120.2),
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var image = "";
var imagegreen = "http://labs.google.com/ridefinder/images/mm_20_green.png";
var myLatLng = new google.maps.LatLng(30.3, 120.2);
var beachMarker = new google.maps.Marker({
position: myLatLng,
map: map,
icon: image,
draggable: true
});
//移動標記
google.maps.event.addListener(beachMarker,
'dragend',
function (result) {
var _lat=result.latLng.lat();
var _lng=result.latLng.lng();
getAreaName(_lat,_lng);
});
document.getElementById("latlng").value = beachMarker.getPosition();
var latlngStr = document.getElementById("latlng").value.split(",", 2);
getAreaName(latlngStr[0], latlngStr[1]);
}
function getAreaName(lat, lng) {
var resultstr = "";
var latlng = new google.maps.LatLng(lat, lng);
geocoder.geocode({ 'latLng': latlng }, function (results, status) {
if (status == google.maps.GeocoderStatus.OK) {
if (results[0].formatted_address != "") {
//document.getElementById("address").value = results[0].formatted_address.split(' ')[0];
alert(results[0].formatted_address );
}
}
});
}
</script>
<style>
.body{ height:600px;}
</style>
</head>
<body οnlοad="initialize()">
<div id="map_canvas"></div>
<input id="latlng" type="text" />
<input id="address" type="text" />
</body>
</html>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.