一张桌子上有多张Google地图出现问题

戴维·蒙萨(David Munsa)

我有一个html表,其中包含10个Google Map容器

下面是创建地图对象的js函数

函数采用地图的纬度和经度+ div元素来插入地图。

      function GetMap(lat,lng,number) 
      {
        var show_in=document.getElementsByClassName("map_conteiner")[number];
        var mapOptions = {
          center: new google.maps.LatLng(lat, lng),
          zoom: 8,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(show_in,
            mapOptions);
            
        var marker = new google.maps.Marker({
             position:new google.maps.LatLng(lat,lng),
             map: map,
             title:"Hotel"
           });
           
          $(show_in).fadeIn();
      }

问题是仅在第一次调用此函数时才能正确显示地图

(无论我从哪个div开始)

触发调用后,此功能将始终呈现扭曲的地图(如您在附图中所见)

在此处输入图片说明

莫勒博士

你应该triggerresize地图中-eventcomplete的-callback$.fadeIn()

此外,您最好为每个map_conteiner调用以及随后的调用GetMap创建1个maps-instance 仅设置center现有地图的新地图和position标记的新地图

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

同一张桌子上有多个计数(Laravel)

来自分类Dev

Google Maps显示的是多张地图,而不是一张

来自分类Dev

将一张大桌子分成多张桌子

来自分类Dev

多张桌子还是一张大桌子?

来自分类Dev

多张Google地图,其中一张地图未加载

来自分类Dev

Symfony 2 Multiple Selects在同一张桌子上有计数吗?

来自分类Dev

为什么我的搜索字段在一张桌子上有效,而在另一张桌子上无效?

来自分类Dev

一张大桌子还是多张小桌子?

来自分类Dev

我在Lua堆栈上有一张桌子。如何将函数压入返回此表的堆栈中?

来自分类Dev

总结一张桌子

来自分类Dev

提交一张桌子

来自分类Dev

“拆分”一张桌子?

来自分类Dev

一张桌子的交集

来自分类Dev

一张桌子有两个不同的任务

来自分类Dev

检查只有一张桌子的可用时间?

来自分类Dev

我在Excel 2007中有一张桌子,我想要一张图表

来自分类Dev

将多张地图和向量组合成一张地图

来自分类Dev

根据一张桌子左联接3张桌子

来自分类Dev

使用一张桌子加入三张桌子

来自分类Dev

我在一张桌子上有一百万行。出于性能原因,我被告知在in子句中使用union。是真的吗

来自分类Dev

我有一张桌子,希望我的描述中显示的结果桌子

来自分类Dev

减去/加总一张桌子

来自分类Dev

heroku postgreslq推一张桌子

来自分类Dev

将一张桌子推到Heroku

来自分类Dev

自己连接同一张桌子

来自分类Dev

参加一张以上的桌子

来自分类Dev

一张桌子中的关系

来自分类Dev

多次连接同一张桌子

来自分类Dev

如何获得一张方形桌子?