javascript - Has incluido la API de Google Maps varias veces en esta página
Estoy usando la API de Google Maps v3. Estoy usando el tema de WordPress de bienes raíces WPEstate. Este es mi código en el archivo de plantilla..
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<script src="https://maps.googleapis.com/maps/api/js?
v=3.exp&sensor=false&libraries=places"></script>
<script>
var geocoder;
var map;
function initialize() {
var input = document.getElementById('address');
var options = {
componentRestrictions: {country: "in"}
};
var autocomplete = new google.maps.places.Autocomplete(input,options);
geocoder = new google.maps.Geocoder();
//var latlng = new google.maps.LatLng(18.52043030000, 73.85674369999);
var mapOptions = {
zoom: 15,
//center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
}
var map = new google.maps.Map(document.getElementById('googleMap'), 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);
}
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
Se está ejecutando como se esperaba, pero da un error en la consola "Has incluido la API de Google Maps varias veces en esta página. Esto puede causar errores inesperados.". Debido a eso, el mapa no muestra las propiedades en el mapa.
Respuesta #1
Eliminar la primera línea:
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
Estás incluyendo la API de Google Maps dos veces.
Respuesta #2
Tu problema es que, como otros han descubierto, el script duplicado de Google Maps. Por favor, revisa el enlace a continuación para ver el código que funciona.
http://jsbin.com/husahasu/1/edit
Para renderizar el mapa necesitas especificar su centro. No se renderizará sin ello. También necesitas agregar CSS para tus elementos. Pon esto en el encabezado del documento.
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#googleMap { height: 100% }
</style>
