如何让我的标记自动更改来自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>
答案 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
我希望它会对你有所帮助。