Question

我已经尝试了所有可能的解决方案，但地图并没有显示出来。我的网页浏览显示空白。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" href="theme.css"> 
<script type="text/javascript"   src="https://maps.googleapis.com/maps/api/js?v=3&sensor=false"></script>
<script type="text/javascript">  
var map;  " +
function initialize() {    
var latitude = 0;    
var longitude = 0;    
if (window.android){      
    latitude = window.android.getLatitude();      
    longitude = window.android.getLongitude();    
    }    

var myOptions = {      
        zoom: 20,      
        center: myLatLng      
        }    
map = new google.maps.Map(document.getElementById('map_canvas'),      myOptions);
}  

function centerAt(latitude, longitude){    
    myLatlng = new google.maps.LatLng(latitude,longitude);    
    map.panTo(myLatLng);
    }
</script>
<title>Insert title here</title>
</head>
<body>
    <div id="map_canvas" style="height: 100px; width=100px;">This is the map canvas</div>
    <script type="text/javascript">initialize();</script>
</body>
</html>

我已缩小到这一行：map = new google.maps.Map（document.getElementById（＆＃39; map_canvas＆＃39;），myOptions）;

执行此行时，它会失败。

感谢任何帮助。

感谢。

此致德克斯特

Answer 1

我无法在myLatLng函数中看到centerAt()定义。您需要将Google地图LatLng对象传递给center的{{1}}属性：

myOptions

还有一件我无法理解的奇怪事情：

var myLatlng = new google.maps.LatLng(latitude, longitude);

var myOptions = {      
    zoom: 20,      
    center: myLatLng      
}  
...

Answer 2

我的不好，提交了错误的代码。无论如何，这里的主要问题是连接。我花了很长时间才意识到这一点，因为我只关注代码。

感谢。

谷歌地图javascript v3 api无法正常工作

2 个答案: