Недавно я исправил карту Google на своем веб-сайте после того, как Google ввел новую политику квот.И все работало нормально.Сегодня я обнаружил, что карта больше не отображается.
Вот как я называю Google API (я удалил свой ключ API):
<script src="https://maps.googleapis.com/maps/api/js?key=MYAPIKEY"></script>
Мои карты здесь:
<div id="map_canvas" class="google-map2"></div>
<div id="map_canvas2" class="google-map2"></div>
<div id="map_canvas3" class="google-map2"></div>
Вот как я называю свой скрипт в нижнем колонтитуле:
<script src="google_map.js"></script>
<script>
jQuery(function(){
setTimeout(initMap,700);
});
</script>
Код скрипта здесь:
function initMap()
{
$(document).foundation();
var latlng = new google.maps.LatLng(51.461748, -0.361708);
var latlng2 = new google.maps.LatLng(51.425760, -0.334870);
var latlng3 = new google.maps.LatLng(51.491513, -0.234123);
var myOptions =
{
zoom: 13,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var myOptions2 =
{
zoom: 13,
center: latlng2,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var myOptions3 =
{
zoom: 13,
center: latlng3,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var map2 = new google.maps.Map(document.getElementById("map_canvas2"), myOptions2);
var map3 = new google.maps.Map(document.getElementById("map_canvas3"), myOptions3);
var myMarker = new google.maps.Marker(
{
position: latlng,
map: map,
title:"Head Office"
});
var myMarker2 = new google.maps.Marker(
{
position: latlng2,
map: map2,
title:"Head Office 2"
});
var myMarker3 = new google.maps.Marker(
{
position: latlng3,
map: map3,
title:"Head Office 3"
});
}
У меня нет 'Не было никаких изменений на сайте, так как мои карты работали в прошлый раз.Может кто-нибудь указать мне, как найти причину проблемы?
EDIT : Я создал JsFiddle здесь: https://jsfiddle.net/Ldqfztev/