我一直在尝试在我的网站中嵌入谷歌地图,但没有取得太大成功。
我使用了下一个代码部分:(我在我自己的计算机上使用实际的 api 密钥)
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=myapikey&sensor=true">
</script>
<script type="text/javascript">
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(-34.397, 150.644),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map-canvas"),
mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
inside <body>
我添加的部分<div id="map-canvas" style="width: 40%; height: 40%"></div>
我该如何处理这个问题?
提前致谢
将画布的宽度和高度指定为绝对长度而不是%
.
例如 :
<div id="map-canvas" style="width: 300px; height: 400px"></div>
或者,坚持使用%
对于画布,但将其放入宽度和高度指定为绝对长度的容器内。
<div style="width:1000px; height:800px;">
<div id="map-canvas" style="width: 40%; height: 40%"></div>
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)