google-maps-api-3 - tutorial - marcadores multiples desde una base de datos en google maps
Coloque los marcadores de nombre, dirección y código postal (1)
Prueba este ejemplo:
HTML
<body onload="initialize()">
<div>
<input id="address" type="text" value="Sydney, NSW">
<input type="button" value="Geocode" onclick="codeAddress()">
</div>
<div id="map-canvas" style="height:90%;top:30px"></div>
</body>
JS
<script>
var geocoder;
var map;
function initialize() {
geocoder = new google.maps.Geocoder();
var latlng = new google.maps.LatLng(-34.397, 150.644);
var mapOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById(''map-canvas''), mapOptions);
}
function codeAddress() {
var address = document.getElementById(''address'').value;
geocoder.geocode( { ''address'': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
var marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location
});
} else {
alert(''Geocode was not successful for the following reason: '' + status);
}
});
}
</script>
En mi modelo de dominio, para las entidades en cuestión, tengo el:
- Nombre del lugar (por ejemplo, Waterstones Wakefield)
- Las direcciones (por ejemplo, 61-62 Bishopgate Walk)
- Y el código postal (por ejemplo, WF1 1YB)
De los tres datos anteriores, ¿cómo puedo colocar un marcador en el mapa? Estoy usando Google Maps API 3.
Gracias