谷歌移动标记获取经纬度,并获取地址信息

<html xmlns="http://www.w3.org/1999/xhtml">
<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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值