Мои Карт Google JavaScript не загружается

Я пытаюсь создать карту Google с наложением многоугольника для загрузки на моем сайте. Когда я загружаю страницу, текст отображается, но карта не загружается.Мои Карт Google JavaScript не загружается

Я новичок в javascript и не совсем уверен, что я делаю, и свежая (опытная) пара глаз будет очень благодарна.

Код ниже расположен на html-странице. Спецификации div определены в файле css, а координаты для наложения находятся в связанном файле javascript.

Вот мой код:

<head> 
<link rel="stylesheet" href="../style.css"/> 
<script type="text/javascript" 
    src="https://maps.googleapis.com/maps/api/js?&sensor=false"></script> 
<script type="text/javascript" src="greatredoubtData.js"></script> 

<script type="text/javascript"> 
    function initialize() { 
    var mapOptions = { 
     center: new google.maps.LatLng(43.003207, -73.610312), 
     zoom: 16, 
     disableDefaultUI: true, 
     mapTypeId: google.maps.MapTypeId.SATELLITE 
    }; 

var map = new google.maps.Map(document.getElementById('maps1k'),mapOptions); 
var greatredoubt = createOverlay(); 
    greatredoubt.setMap(map); 

    } 

    function createOverlay() { 
    var overlayCoords = new Array(); 

    var processedData = greatredoubtData.split(";"); 

    for (var i=0; i<processedData.length; i++) { 
    var myCoords = processedDate[i].split(","); 
    overlayCoords.push(new google.maps.LatLng(xyCoords[0], xycoords[1])); 

    } 

    var myOverlay = new google.maps.Polygon({ 
     paths: overlayCoords, 
     strokeColor: "#FF0000", 
     strokeOpacity: 0.8, 
     strokeWeight: 2, 
     fillColor: "#FF0000", 
     fillOpacity: 0.35 

    }); 

    return myOverlay 
    } 


    </script> 
    </head> 
    <body onLoad="initialize"> 

    <p class="subtitle">Great Redoubt Prescribed Burn</p> 
    <p>Saratoga National Historical Park</p> 

    <div id="maps1" name="maps1"> 
    </div> 

    <p class="caption">Date: April 22, 2011 
    </br> 
Location: LAT: 43.0023593/LON: -73.6106062/ LAT:43.0061421/LON:-73.6139449 (Tour Road Stop 9 & 10,  Saratoga NHP, Stillwater, NY) 
    </br> 
Burn Boss: Jeff Wells, National Park Service 
    </br> 
Acres: 20/15 (planned) 
    </br> 
Primary Goals: reduce hazard fuels around historic structures, and maintain the cultural landscape of open fields and vistas for the visiting public, thereby eliminating mechanical mowing. 
    </p> 

    </body>

источник

2013-08-31 user2734886

где maps1k я думаю, что это должно быть maps1 в вашем яваскрипте кода здесь вар карта = новых google.maps. Карта (document.getElementById ('maps1k'), MapOptions); –

А также не забудьте указать высоту и ширину для карт1 div –

Вам не хватает круглых скобок в вызове инициализации –

попробовать это fiddle его работу в настоящее время

<div id="maps1" name="maps1" style="width:400px;height:600px;"> 
</div>

источник

2013-08-31 06:02:07

Мои Карт Google JavaScript не загружается

ответ

Смежные вопросы