谷歌API的Javascript代碼不工作

-1

<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，它的網址是http://jsfiddle.net/P2QhE/谷歌API的Javascript代碼不工作

但是代碼，這個代碼將不能在http://w3schools.com工作，我通常會練習和測試我的代碼，我不明白爲什麼它不起作用。任何人都可以幫我弄明白嗎？

來源

2016-11-12 B. Jun

你指的是w3schools上的tryit編輯器嗎？如果是這樣，可能是因爲它不包含jquery。看起來你好像還缺少<head>和<body>標籤。你也忘了你的目標股利。 <div id="map_canvas"></div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

來源

2016-11-12 01:14:14

谷歌API的Javascript代碼不工作

回答

相關問題