Question

我的谷歌地图代码有问题。

var mapCenter = new google.maps.LatLng(40.5968, 22.9683); //Google map Coordinates
var map;

map_initialize(); // initialize google map

//############### Google Map Initialize ##############
function map_initialize() {
  var googleMapOptions = {
    center: mapCenter, // map center
    zoom: 15, //zoom level, 0 = earth view to higher value
    maxZoom: 18,
    minZoom: 12,
    zoomControlOptions: {
      style: google.maps.ZoomControlStyle.SMALL //zoom control size
    },
    scaleControl: true, // enable scale control
    mapTypeId: google.maps.MapTypeId.ROADMAP // google map type
  };

  map = new google.maps.Map(document.getElementById("google_map"), googleMapOptions);
}

google.maps.event.addDomListener(window, 'load', initialize);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div id="google_map"></div>

Answer 1

我假设您将Google Maps Javascript API包含在：

中

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js">
</script>

这是你错的地方：

google.maps.event.addDomListener(window, 'load', initialize);
                                                    ^^^^

您没有定义名称为initialize的函数，请将其更改为map_initialize并在开头删除该函数的独立调用。

google.maps.event.addDomListener(window, 'load', map_initialize);

此行将尝试在加载页面后调用map_initialize()来初始化地图。

您应参阅官方文档以获取更多信息：

https://developers.google.com/maps/documentation/javascript/

JQuery移动地图没有显示

1 个答案: