挖空功能和谷歌地圖

我想創建一個具有不同位置的地圖，我正在使用挖空綁定在我的html視圖上顯示一些功能。我有一個功能，使我能夠創建各種位置。挖空功能和谷歌地圖

我希望每個位置都有自己的標記。渲染地圖時，我顯示一些默認位置。但我有這個錯誤：Uncaught ReferenceError：google沒有定義

這是我的代碼。

defaultMarkers =[ 
    new Locations("Ike's Food & Cocktails","(612) 746-4537","50 S 6th St","",44.97818705436708,-93.27229499816895), 
    new Locations("Eli's East Food & Cocktails","(612) 331-0031","815 E Hennepin Ave","#",44.99128282822349,-93.24738264083862), 
    new Locations("Midnord Empanada Food truck","unavailable","unavailable","#",44.97596890779807,-93.27159452192403), 
    new Locations("Maruso Street Food Bar","(612) 333-0100", "715 E Hennepin Ave","#",44.97760063074655,-93.2754345812601), 
    new Locations("The House Of Hunger Food Truck","unavailable","unavailable","#",44.97611524414878,-93.27146677068872)]; 


    var map; 
    function initMap() { 

    var mapOptions = { 
     center: {lat: 38.9165087, lng: -77.2482606}, 
     zoom: 13 
     } 
    map = new google.maps.Map(document.getElementById('map'), mapOptions); 

    // add defaults markers on map 
    updateMap(map, defaultMarkers); 

    } 
    function Locations(name, contact, fulladress, url, lat, lng){ 
     var self = this; 
     self.name= name; 
     self.contact = contact; 
     self.url = url; 
     self.fulladress = fulladress; 
     self.lat = lat; 
     self.lng = lng; 
     self.showMe = ko.observable(true);  
     self.marker = new google.maps.Marker({  // HERE IS THE LINE WHERE THE ERROR OCCUR 
     position: new google.maps.LatLng(lat, lng), 
     map: map, 
    });} 
    function MapViewModel() { 

    var self = this; 
    self.listVenues = ko.observableArray(defaultMarkers); 
    }

你能幫我弄清楚我在做什麼錯嗎？

。

來源

2016-08-17 Mélanie

您的JavaScript文件是否正確地包含在HTML中？ – technico

是的，他們是。 1.我包括knockout.js 2.我包括谷歌地圖電話 3.我包括我的js文件 –

您是否正確地包含谷歌地圖腳本：''這樣嗎？ –

確保你的腳本是： <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&key=APIKEY"></script>

不包括type="text/javascript"可能會搞亂你。

來源

2017-10-19 23:02:36

讓你的答案可讀，所以很容易理解！ – JoseAPL

挖空功能和谷歌地圖

回答

相關問題