刷新标记谷歌地图

时间:2016-01-15 13:20:21

标签: javascript vb.net google-maps google-maps-api-3

如何让我的标记自动更改来自aspx.vb的数据的位置。我试图使用一个间隔,但它没有工作,因为它仍然是相同的位置。我知道我必须使用ajax,但我不知道它是如何工作的。

    <body>
<div id="map"></div>
<script type="text/javascript">
   function initMap() 
    {
        var myLatLng = { lat: 50.4720256, lng: 5.7289935 };
        var markers = JSON.parse('<%=ConvertDataTabletoString() %>');




        var map = new google.maps.Map(document.getElementById('map'), 
        {
            zoom: 8,
            center: myLatLng,
            mapTypeControl: false,
            mapTypeControl: false,
            zoomControl: true,
            zoomControlOptions: 
            {
                position: google.maps.ControlPosition.LEFT_CENTER
            },
            scaleControl: true,
            streetViewControl: false
        });          
    for (i = 0; i < markers.length; i++) 
    {
        var data = markers[i]
        var myLatlng = new google.maps.LatLng(data.Latitude, data.Longitude);


        image = 
        { 
        url: data.Kind + ".png",
        size:new google.maps.Size(32 , 32),
        };

        var marker = new google.maps.Marker(
        {
            position: myLatlng,
            map: map,
            icon: image,
            title: data.RegistrationNbr
        });
    }
}

</script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=MYAPI-WZq_c&signed_in=false&callback=initMap" async defer>
</script>

1 个答案:

答案 0 :(得分:0)

我不确定但是尝试放置间隔你应该调用's etPosition '

以下是'setPosition'的代码段:

var new_marker_position = new google.maps.LatLng(53.345735,-6.259548); marker.setPosition(new_marker_position);

以下是官方Google文档:https://developers.google.com/maps/documentation/javascript/reference

我希望它会对你有所帮助。