Там может быть простая причина, но я не понимаю, поэтому я спрашиваю:
Я просто использую карту google на моем простом html-сайте, как указано на https://developers.google.com/maps/tutorials/fundamentals/adding-a-google-map и http://www.w3schools.com/googleAPI/google_maps_basic.asp, где скрипт Google Maps src (src= "http://maps.googleapis.com/maps/api/js?sensor=false", который я пробовал с ключом и без ключа) и initialize() и addDomListener на загрузке находятся на одной странице, и я сохраняю эту страницу с расширением.html (тоже пытался с.php на wamp тоже).
Однако карта не отображается, поэтому я добавляю функцию initialize() и addDomListener в другую оболочку, такую как map_script.js, и вызывается на главной странице.html или index.php, тогда на странице отображается только карта.
Это потому, что html или php не могли обработать эту часть js, и она работала, когда она была в другой js-оболочке. Или есть что-то еще?
<!DOCTYPE html>
<html>
<head>
<title>Simple Map</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<style>
html, body, #map-canvas {
margin: 0;
padding: 0;
height: 100%;
}
</style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script>
var map;
function initialize() {
var mapOptions = {
zoom: 8,
center: new google.maps.LatLng(-34.397, 150.644),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>
попробуйте этот скрипт
var map= new google.....
Должно быть, что-то не так с вашим кодом (мы никогда не узнаем, что, если вы не покажете нам свой код)