在jquery ui对话框中的谷歌地图没有满载

Question

我的网站上有谷歌地图api javascript的问题 正在处理其他页面，但不在其他页面上。

错误的图像

我的代码

var map = "";

function loadMap2(link) {
  var currentMapPosition = new google.maps.LatLng(link.attr('data-lati'), link.attr('data-longt'));
  var mapOptions = {
    center: currentMapPosition,
    zoom: 10,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var infoWindow = new google.maps.InfoWindow();
  var latlngbounds = new google.maps.LatLngBounds();
  if (!map) {
    map = new google.maps.Map(document.getElementById("map_cust"), mapOptions);
  } else {
    map.setOptions(mapOptions);
  }
  var marker = new google.maps.Marker({
    position: currentMapPosition,
    map: map,
    title: 'SubProject Location'
  });


  $("#map_cust").dialog({
    title: "خريطة العميل : " + link.attr('data-name'),
    height: 400,
    width: "80%"
  });
}

$(document).on('click', '.show_map2', function() {
  loadMap2($(this));
  return false;
})

如果我第二次显示地图，我还有第二个问题如何删除标记。 并感谢所有人。

Answer 1

有同样的问题。我最终写了一个刷新方法。是在coffescript但你可以在js中得到这个想法

 MapWrapper.prototype.refresh = function() {
      return google.maps.event.trigger(this.map, 'resize');
    };

希望有所帮助

https://github.com/Sudakatux/GMapWrapper/blob/master/MapWrapper.coffee

这就是真正的诀窍（javascript编译）

import java.io.*;
import java.util.*;
import java.text.*;     

public class Numbers
{
int integers = 0;
      do
        {
            integer++;
        }
        while (integer <= 3210);
}

希望有所帮助

Answer 2

感谢所有我解决了它添加display：none;到div＃