私は別の場所で地図を作成しようとしていますが、私はノックアウトバインディングを使ってHTMLビューにいくつかの機能を表示しています。 私はさまざまな場所を作成できる機能を持っています。ノックアウト機能とGoogleマップ
それぞれの場所に独自のマーカーを付ける必要があります。マップをレンダリングすると、いくつかのデフォルトの場所が表示されます。しかし、私はこのエラーがあります: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);
}
私はどこで間違っているのか理解できますか?
。
JavaScriptファイルがHTMLに正しく含まれていますか? – technico
はい、そうです。 1.私はknockout.jsを含めました 2.私はGoogleマップの呼び出しを含めました 3.私のjsファイルを含めました –
正しくGoogleマップスクリプトを含めましたか? ''のように? –