谷歌api Javascript代码不工作

Google api Javascript code not working

本文关键字：工作 代码 Javascript api 谷歌      更新时间：2023-09-26
<html>
<style>
#map_canvas {
width: 500px;
height: 500px;}
</style>
<div id="map_canvas"></div>
<script type='text/javascript'>
$(document).ready(function () {
var map;
var elevator;
var myOptions = {
    zoom: 1,
    center: new google.maps.LatLng(0, 0),
    mapTypeId: 'terrain'
};
map = new google.maps.Map($('#map_canvas')[0], myOptions);
var addresses = ['Norway', 'Africa', 'Asia','North America','South Africa'];
for (var x = 0; x < addresses.length; x++) {
    $.getJSON('https://maps.googleapis.com/maps/api/geocode/json?        address='+addresses[x]+'&AIzaSyBNglC0_Xcy6uJau0sJ1OM3QCryb11PwOU', null, function (data) {
        var p = data.results[0].geometry.location
        var latlng = new google.maps.LatLng(p.lat, p.lng);
        new google.maps.Marker({
            position: latlng,
            map: map
        });
    });
}
});
</script>
</html>

这是我从这个有用的网页中发现的代码，用于修改谷歌地理编码api，其url是http://jsfiddle.net/P2QhE/

然而，这段代码不能在http://w3schools.com上工作，我通常在那里练习和测试我的代码，我不明白为什么它不能工作。有人能帮我弄明白吗?

你指的是w3schools的试镜编辑器吗?如果是这样，可能是因为它没有包含jquery。看起来你的<head>和<body>标签也不见了。您还忘记了目标div。<div id="map_canvas"></div> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
相关文章：