JQuery 移动地图不显示

【问题标题】：JQuery mobile Map doesn't showJQuery 移动地图不显示
【发布时间】：2015-03-11 10:08:20
【问题描述】：

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

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>

【问题讨论】：

删除了多余的文字

标签： google-maps jquery-mobile

【解决方案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() 来初始化您的地图。

【讨论】：