【发布时间】:2013-10-03 00:06:29
【问题描述】:
所以我正在使用谷歌地图 api v3.13,我得到了一张灰色地图。也没有任何控件。我的自定义标记没有显示。我什么都得不到。我没有收到任何错误,所以我不太确定发生了什么。
<div id="map-canvas"></div>
#map-canvas {
width: 530px;
height: 298px;
}
.mapbox {
width: 240px;
height: 120px;
padding: 15px;
font-family: @sansFontFamily;
color: @white;
background-color: @lcOrange;
a {
display: block;
color: @white;
}
}
var gmap;
function initialize() {
var myLat = new google.maps.LatLng(33.991447,-84.09403);
var mapOptions = {
zoom: 13,
position: myLat,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var gmap = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
var mapIcon = '../fw/img/map-marker-lowres.png';
var contentString = '<div class="mapbox">' + '<p><strong>The Arena at Gwinnett Center</strong></p>' + '<p>6400 Sugarloaf Pkwy<br>Duluth, GA 30097<br>(770) 813-7500</p>' + '<p>6400 Sugarloaf Pkwy<br>Duluth, GA 30097<br>(770) 813-7500</p>' + '<a href="">> get driving directions</a></div>';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
var marker = new google.maps.Marker({
position: myLat,
icon: mapIcon,
map: gmap
});
infowindow.open(gmap,marker);
marker.setMap(gmap);
}
【问题讨论】:
-
我的 CSS 中的一行引起了同样的问题。我的解决方案:stackoverflow.com/a/36405299/3279228
标签: javascript google-maps google-maps-api-3 map google-maps-markers