谷歌地图v3:地图没有显示
Google Maps v3: Map is not showing
你能帮我在[谷歌地图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')
Whiiiiiiiiich 是意料之中的,因为您正在定义路线图......
相关文章:
- 地图API没有't显示地图
- 单击按钮以突出显示地图标记 (Gmaps) - 如何
- 谷歌地图API没有;t显示地图,如果中心由javascript函数填充
- 将PHP集成到Javascript中,使用Google API显示地图标记
- IE中的谷歌地图API v3不显示地图或标记
- 数据映射不是't显示地图
- 谷歌地图隐藏并显示地图
- 在谷歌地图中显示地图标记内容的事件
- 映射:单击标记,显示地图旁边的内容
- 谷歌地图没有显示地图上的所有目的地标记,只有第一个和最后一个
- 如何在另一页上显示地图并全屏查看
- 谷歌地图 - 通过使用php检索纬度和纵向来显示地图和标记
- 单击时显示地图,然后滚动到地图
- 在 JavaScript 循环中显示地图标记的 JSON 解析数据
- 如何更新和显示地图对象
- 必应地图显示地图的左上角的北美
- 谷歌地图功能,但不显示地图
- 如何在选择html元素时高亮显示地图标记
- 获取用户's附近没有显示地图与谷歌地图api v3
- 显示地图的“切换街景地图的问题”