Question

你能帮我解决谷歌地图。

我需要获取点击标记的完整地址，并在ASP标签控件中显示地址详细信息。事实上，我一次只显示一个标记。

E.g展位号码或门牌号码：15 街名：圣约瑟夫街郊区：Silverton 城市：约翰内斯堡纬度：24.8545 经度：-28.23565

我正在使用以下JavaScript代码来处理地图及其工作正常。

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

    function initialize() {

        var latitude = document.getElementById('<%= hdnLat.ClientID%>').value;
        var longitude = document.getElementById('<%= hdnLng.ClientID%>').value;

        var myLatlng = new google.maps.LatLng(longitude, latitude);
        var mapOptions = {
            zoom: 18,
            center: myLatlng
        }
        map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

        marker = new google.maps.Marker({
            position: myLatlng,
            map: map,
            draggable:true,
            animation: google.maps.Animation.DROP
        });
        google.maps.event.addListener(marker, 'click', toggleBounce);
    }

    function toggleBounce() {

        if (marker.getAnimation() != null) {
            marker.setAnimation(null);
        } else {
            marker.setAnimation(google.maps.Animation.BOUNCE);
        }
    }

    google.maps.event.addDomListener(window, 'load', initialize);

</script>

我正在使用以下ASP控件来处理地图。

<asp:HiddenField ID="hdnLng" runat="server" />
<asp:HiddenField ID="hdnLat" runat="server" />

<div id="map-canvas" style="height:425px;"></div>

<asp:Label ID="addressStandNo" runat="server"></asp:Label>
<asp:Label ID="addressStreetName" runat="server"></asp:Label>
<asp:Label ID="addressSuburb" runat="server"></asp:Label>
<asp:Label ID="addressCity" runat="server"></asp:Label>
<asp:Label ID="addressLatitude" runat="server"></asp:Label>
<asp:Label ID="addressLongitude" runat="server"></asp:Label>
<asp:Label ID="addressPostalCode" runat="server"></asp:Label>

我只需要在地图上获取点击标记的详细信息（地址），并将这些值分配给上面列出的ASP控件。

提前谢谢。

Answer 1

您必须在标记的点击事件

上执行以下操作

reverse geocoding使用latlng获取位置信息
在asp标签中显示返回的geocodig响应信息。参考geocoding response

＆＃13;

{{1}}

＆＃13;

获取Google地图

1 个答案: