Bom dia
Preciso atualizar este JS para ser usado no API V3 do Google Maps, o que preciso mudar? Segue abaixo a codificação:
<script
src="http://maps.google.com/maps?file=api&v=2&sensor=true&key=AIzaSyANwE3Cxjr5NhHlDFvWVgmS2iw4jqzFEEQ"
type="text/javascript"></script>
<script type="text/javascript">
var locations = {};
var map;
function load( lat, log, zoon, idVeiPos ) {
map = new google.maps.Map(document.getElementById("mapa"));
map.setUIToDefault();
map.enableRotation();
map.setCenter(new GLatLng(lat,log), zoon);
locations = {};
url = "/monisat/retornaxml2?id=<%=((TsClienteResp) JsfHelper.getSessionAttribute("usuario"))
.getIdCliente()%>";
if( idVeiPos > 0 ) {
url += "&idVeiPos="+ idVeiPos;
}
GDownloadUrl( url, function(data) {
var xml = GXml.parse(data);
var markers = xml.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var id = markers[i].getAttribute("id");
var placa = markers[i].getAttribute("placa");
var dhpos = markers[i].getAttribute("dhpos");
var loc = markers[i].getAttribute("loc");
var vel = markers[i].getAttribute("vel");
var latlng = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
parseFloat(markers[i].getAttribute("lng")));
var store = {id: id, placa: placa, dhpos: dhpos, latlng: latlng, vel:vel};
var latlngHash = (latlng.lat().toFixed(6) + "" + latlng.lng().toFixed(6));
latlngHash = latlngHash.replace(".","").replace(".", "").replace("-","");
if (locations[latlngHash] == null) {
locations[latlngHash] = []
}
locations[latlngHash].push(store);
}
for (var latlngHash in locations) {
var stores = locations[latlngHash];
if (stores.length > 1) {
map.addOverlay(createClusteredMarker(stores));
} else {
map.addOverlay(createMarker(stores));
}
}
});
}
function createMarker(stores) {
var store = stores[0];
var newIcon = new GIcon(G_DEFAULT_ICON, "../themes/img/icone/caminhao.png");
newIcon.iconSize = new GSize(32, 32);
var marker = new GMarker(store.latlng, {icon: newIcon});
var html = "<b>ID: </b>" + store.id + " <b>Placa: </b> "+store.placa +"<br/>"+
"<b>Atualizado em: </b> "+store.dhpos+"<br/>"+
"<b>Velocidade: </b> "+store.vel+" Km/h.<br/>";
var hint = "ID...: <b>"+ store.id + "</b><br/>"+
"Placa: <b>"+ store.placa + "</b>";
GEvent.addListener(marker, 'click', function() {
marker.openInfoWindowHtml(html);
});
GEvent.addListener (marker, 'mouseover', function() {
marker.openInfoWindowHtml(hint);
});
GEvent.addListener(marker, 'mouseout', function() {
marker.closeInfoWindow();
});
return marker;
}
function createClusteredMarker(stores) {
var store = stores[0];
var newIcon = new GIcon(G_DEFAULT_ICON, "../themes/img/icone/caminhao.png");
newIcon.iconSize = new GSize(32, 32);
var marker = new GMarker(stores[0].latlng, {icon: newIcon});
var html = "";
var hint = "";
for (var i = 0; i < stores.length; i++) {
html += "<b>ID: </b>" + store.id + " <b>Placa: </b> "+store.placa +"<br/>"+
"<b>Atualizado em: </b> "+store.dhpos+"<br/>"+
"<b>Velocidade: </b> "+store.vel+" Km/h.<br/>";
hint += "ID...: <b>"+ store.id + "</b><br/>"+
"Placa: <b>"+ store.placa + "</b>";
}
GEvent.addListener(marker, 'click', function() {
marker.openInfoWindowHtml(html);
});
GEvent.addListener (marker, 'mouseover', function() {
marker.openInfoWindowHtml(hint);
});
GEvent.addListener(marker, 'mouseout', function() {
marker.closeInfoWindow();
});
return marker;
}
</script>
Chamo este Script no <body onload="load(-25.693026, -52.288331, 8, 0 );">
Alguém pode ajudar?