[英]Google Maps v3: Map is not showing
您能在[Google Maps API]中解決此問題嗎? 我不知道為什么地圖沒有顯示。
使用Javascript:
//Map Options var roadmap = { infoWindow: new google.maps.InfoWindow(), options: { map: { center: new google.maps.LatLng(34.02238, -118.293338), zoom: 15, mapTypeId: 'roadmap' }, marker: { position: roadmap.options.center, title: "Hello", icon: 'http://maps.google.com/mapfiles/ms/micons/blue-dot.png', shadow: 'http://maps.google.com/mapfiles/ms/micons/msmarker.shadow.png' } } }; //Street view Options var StreetView = { options: { position: roadmap.options.map.center, zoom: 1 } }; //Functions function bindInfoWindow(marker, map, infoWindow, html) { google.maps.event.addListener(marker, 'click', function() { infoWindow.setContent(html); infoWindow.open(map, marker); infoWindow.getContent(); marker.openInfoWindowTabsHtml(infoTabs); }); } function googleMaps() { //Road map roadmap.map = new google.maps.Map(document.getElementById("map"), roadmap.options.map); //Road map's Marker roadmap.options.marker.map = roadmap.map; roadmap.marker = new google.maps.Marker(roadmap.options.marker); //Street view map StreetView.map = new google.maps.StreetViewPanorama(document.getElementById("map_StreetView"), StreetView.options); //Bind onClick to marker & infoWindow bindInfoWindow(roadmap.marker, roadmap.map, roadmap.infoWindow, roadmap.options.marker.title); } //end of load() /*Load | Call googleMaps after document is loaded*/ google.maps.event.addDomListener(window, 'load', function() { googleMaps(); //... (add more code here) });
HTML:
<!-- START: Google Maps API --> <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> <script type="text/javascript" src="this_map.js"></script> <!-- __END: Google Maps API --> <div id="map-container" > <div id="map_StreetView" style="width: 350px; height: 250px"></div><br/> <div id="map" style="width: 350px; height: 250px"></div> </div>
錯誤在這里:
position: roadmap.options.center
您不能引用您剛剛創建的對象。
我將其更改為:
position: new google.maps.LatLng( 34.02238, -118.293338 )
而且有效。
這是您的工作提琴: http : //jsfiddle.net/sGHqa/ 。
TypeError: 'undefined' is not an object (evaluating 'roadmap.options')
roadmap.options TypeError: 'undefined' is not an object (evaluating 'roadmap.options')
,因為您正在定義路線圖,所以這是一種期望...
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.