<!DOCTYPE html>
<html>
<body>
<div id="mapaLSG" style="width:100%;height:400px;"></div>
<script>
var citymap = {
casaLSG: {
center: {lat: 40.4763202, lng: -3.6615473},
population: 6
},
casaAR: {
center: {lat: 40.4771, lng: -3.6457},
population: 3
},
casaAG: {
center: {lat: 40.4698, lng: -3.6386},
population: 4
}
};
function initMap() {
var map = new google.maps.Map(document.getElementById('mapaLSG'), {
zoom: 14,
center: {lat: 40.4808253, lng: -3.6440271},
xmapTypeId: 'terrain'
});
for (var city in citymap) {
var cityCircle = new google.maps.Circle({
strokeColor: '#FF0000',
strokeOpacity: 0.8,
strokeWeight: 2,
fillColor: '#FF0000',
fillOpacity: 0.35,
map: map,
center: citymap[city].center,
radius: Math.sqrt(citymap[city].population) * 100
});
}
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaXXXXx8JJmUPajgFsJDavU6JD8nbyEkT8i3o&callback=initMap"></script>
</body>
</html>
ccc
Google Maps: Añadir circulos de diferentes tamaño dependiendo del número de habitantes a una zona
Suscribirse a:
Enviar comentarios (Atom)
No hay comentarios:
Publicar un comentario