页面加载时,页面上的空白地图为空白。我的网络应用程序有一个设施供订阅者使用geolookup插件自动查找地址,然后用标记在地图上显示地址。
<input type="text" placeholder="Start typing address" class="form-control" name="location-input" id="location-input">
当我开始输入地址时,查找将作为可能的地址选项从输入下拉。现在,当我选择地址时,谷歌徽标和地图控件将显示在地图上,但带有位置标记的地图则不会。仅当我调整浏览器大小时,才会显示带有位置的地图。然后我可以查找另一个地址,地图和标记工作完美。总而言之,我需要做一个浏览器大小来使geolookup工作。
现在我已经在互联网上随处可见了,我已经尝试了推荐的jquery窗口调整大小功能,如下所示..但不起作用。
$(window).on('resize',function(){
google.maps.event.trigger(map, 'resize');
map.panTo(Marker1.getPosition());
});