我的网页中有以下代码 - map div 没有显示谷歌地图,但我找不到代码有任何问题:
$mapCode = "<script src=\"http://maps.google.com/maps?file=api&v=2&sensor=false&key=$google_maps_apiKey\" type=\"text/javascript\"></script>
<div id=\"map_canvas\" style=\"width: 500px; height: 500px\"></div>
<script type=\"text/javascript\">
function showAddress(address) {
var map = new GMap2(document.getElementById('map_canvas'));
alert(\" not found\");
var geocoder = new GClientGeocoder();
geocoder.getLatLng(
address,
function(point) {
if (!point) {
alert(address + \" not found\");
} else {
map.setCenter(point, 13);
var marker = new GMarker(point);
map.addOverlay(marker);
}
}
);
}
showAddress(\"$address\");
</script>";
echo $mapCode;
非常感谢任何帮助。谢谢
最佳答案
我只是通过实际告诉它一个高度来让它工作......在我的CSS中我输入:
#map_canvas {
height:100px; margin: 0; padding: 0;
}
代替
#map_canvas {
height:100%; margin: 0; padding: 0;
}
不知道为什么它最初不起作用...
关于google-maps - Google Maps API Javascript - map 未显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7902242/