¿Cómo muestro un mapa de Google sin devolver errores en mi sitio? Estoy buscando en la API de Google Maps, pero no sé dónde colocar la API y/o qué código o secuencia de comandos debo insertar en mi archivo de índice. Creo que el código que necesito está debajo, pero no estoy seguro de dónde insertarlo.
<script> const CONFIGURATION = { "locations": [ { "title": "2987 Buford Hwy NE", "address1": "2987 Buford Hwy NE", "address2": "Atlanta, GA 30329, USA", "coords": { "lat": 33.83447587775393, "lng": -84.33826650615158 }, "placeId": "ChIJTyS8_hkG9YgRtrRM3yyw-jQ" } ], "mapOptions": { "center": { "lat": 38.0, "lng": -100.0 }, "fullscreenControl": true, "mapTypeControl": false, "streetViewControl": false, "zoom": 4, "zoomControl": true, "maxZoom": 17 }, "mapsApiKey": "AIzaSyBBJ3fG2726Owavlyp1SeKhNnsKa95aWNo", "capabilities": { "input": true, "autocomplete": false, "directions": false, "distanceMatrix": false, "details": false, "actions": false } }; function initMap() { new LocatorPlus(CONFIGURATION); } </script>Obtuve y configuré la API para que esté restringida. Estos son los errores.
Los errores "Bloqueado por el cliente" generalmente son causados por extensiones. ¿Has probado a desactivar los bloqueadores de anuncios y actualizar la página?
Funciona en mi máquina, MacOS - FireFox Developer Edition.
No veo ningún error de CORS allí, y si fuera eso, no debería estar funcionando en mi máquina.
Esto es muy a menudo causado por un complemento en su sistema que bloquea el contenido. Intente deshabilitar cualquier complemento de bloqueo de contenido en su sistema o incluir la URL en la lista blanca de la API de mapas.
Si deshabilitar la extensión funciona, mi consejo es agregar algo de JavaScript para mostrar el contenido alternativo si el mapa no se carga. Como una imagen estática del mapa.
De esa manera, la mayoría de los usuarios deberían obtener el 'mapa completo' y cualquier lugar donde el mapa no se cargue seguirá viendo un buen contenido.