HTML页面don';不显示谷歌地图
我有一个简单的HTML页面,我想显示一个使用API访问的谷歌地图。我使用以下代码:HTML页面don';不显示谷歌地图,html,google-maps,google-api,Html,Google Maps,Google Api,我有一个简单的HTML页面,我想显示一个使用API访问的谷歌地图。我使用以下代码: <!DOCTYPE html><!-- HTML5 --> <html lang="it" dir="ltr"> <head> <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=blablabla&sensor=t
<!DOCTYPE html><!-- HTML5 -->
<html lang="it" dir="ltr">
<head>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=blablabla&sensor=true">
</script>
<script type="text/javascript">
function initialize() {
var mapOptions = {center: new google.maps.LatLng(-34.397, 150.644), zoom: 8};
var map = new google.maps.Map(document.getElementById("map-canvas"),mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"/>
</body>
</html>
函数初始化(){
var-mapOptions={center:newgoogle.maps.LatLng(-34.397150.644),zoom:8};
var map=new google.maps.map(document.getElementById(“地图画布”),mapOptions);
}
google.maps.event.addDomListener(窗口“加载”,初始化);
我确信脚本块已被处理,但页面不显示映射
你能帮我吗?试试这个
首先在您的部分中包括Jquery库(在GoogleJS文件之前)
//在标题部分放置这些样式
<head>
<style>
html{
height:100%;
}
body{
margin: 0;
padding: 0;
height:100%;
}
</style>
</head>
html{
身高:100%;
}
身体{
保证金:0;
填充:0;
身高:100%;
}
//在文档正文中,定义地图画布的样式,如下所示:
<body>
<div id="map_canvas" style="height:100%;"></div>
</body>
//在文档上单击鼠标右键,然后选择“插入图元”。在developers//tools中选择console选项卡。如果没有显示错误,那么这可能会解决您的问题
//祝你好运8-问题在于款式!谢谢但现在不要显示传感器:(
<body>
<div id="map_canvas" style="height:100%;"></div>
</body>