2016-11-12 6 views
-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> 

Это код, который я нашел из этой полезной веб-страницы, чтобы изменить Google API геокодирования, который URL-адрес является http://jsfiddle.net/P2QhE/Google API код Javascript не работает

Однако, этот код не будет работать на http://w3schools.com где я обычно практикуют и проверяют мои коды, и я не понимаю, почему это не сработает. Может ли кто-нибудь помочь мне разобраться?

ответ

1

Вы имеете в виду редактор tryit на 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> 

 Смежные вопросы

  • Нет связанных вопросов^_^