添加叠加层后,我正努力访问它的内容。 我添加了一个覆盖,例如包含具有特定类的div。 如果以后再尝试用jQuery修改此类的CSS,则不会发生任何事情。

最终,我想做的就是加载地图,然后淡入叠加层数组,彼此之间稍有延迟-只需在加载地图后,就不会由单击或鼠标悬停触发。

我理想的代码是:

<script>
var twitmarkers = [];

$(function(){
$('#map').gmap3({ 
                action:'init',
                options:{
                  center:[55.944878,-3.187469],
                  zoom: 15,
                  mapTypeId: google.maps.MapTypeId.SATELLITE
                }
              },
              { 
                action: 'addMarker',
                latLng:[55.944878,-3.187469],
                data: "Remember When..?",
                options:{
                  icon:"icon_youarehere.png"
                }
              }
);

twitmarkers = document.getElementById("tw").getElementsByTagName("marker");
$.each(twitmarkers, function(i) {

var lat = val.getAttribute("lat");
var lng = val.getAttribute("lng");
var text = val.getAttribute("content");
var img = val.getAttribute("user");
var name =  val.getAttribute("name");

    $('#map').gmap3({
                      action:'addMarker',
                      latLng:[lat, lng],
                      options:{
                        icon: "icon_twit.png"
                      }
                    },
                    {
                      action:'addOverlay',
                      latLng:[lat, lng],
                      content:  '<div class="infoBox"><div class="tweet"><img src="' + img + '" /><h1>' + name + '</h1><p>' + text + '</p></div></div>',
                      offset: {
                        x:0,
                        y:0
                      }
                    }
    );

  });   

});
</script>
/*** other stuff ****/
<script>
  $('.infoBox').each(function (i) {
      $(this).delay(1000*i).fadeIn();
  });
</script>

我试图在一个单独的函数中执行addOverlay,并在$ .each循环中使用setTimeout对其进行调用,但是根本没有加载。

我是用JavaScript犯了一个荒谬的错误,还是完全遗漏了其他东西,还是比我期望的难得多?

  ask by rhiaro translate from so

本文未有回复,本站智能推荐:

3回复

使用jquery gmap3和autoFit设置最大缩放级别

我在gmap3插件上使用'autoFit',因此它可以缩放到地图上对象的最佳级别。 问题是当只有一个物体放大到最大水平时太远了。 我怎样才能让它变得比缩放级别14更进一步? 谢谢。
1回复

如何使用jquery + gmap3库将Google地图位置设置为固定

即使我尝试在gmap3库上使用on $('#map-google').gmap3({}).on(tilesloaded: function(){})附加事件,我一直在努力为谷歌地图div设置位置$('#map-google').gmap3({}).on(tilesloaded: function
2回复

jQuery gmap3语法错误

我正在使用jQuery插件gmap3。 我可以将多个标记添加到地图上,但是我试图给其中一个提供信息窗口时卡住了。 如果我删除注释“ //添加带有信息窗口的标记”下的代码,则会创建没有信息窗口的标记。 使用该代码,无法创建地图。 我认为这是一个语法问题,但是我完全陷入困境,因此非
1回复

对Gmap3使用带有标签的自动调整功能?

我试图在下面结合Gmap3的2个功能(尽管链接中的“自动拟合”演示似乎无效,当我将参数添加到本地演示中时,它可以正常工作): http://gmap3.net/examples/tags.html http://gmap3.net/api/auto-fit.html 因此,我想
2回复

gmap3 / jquery融合表图层适合放置在哪里?

以下是Google Maps代码的gmap3 jquery插件。 我正在努力将Google融合层添加到代码中,而没有破坏其他任何内容。 添加融合表层的示例如何适合下面的代码? 谢谢 然后它继续我的标记,并通过平移功能将其加载 使用所有这些代码,我迷失了在哪里添加片段
1回复

如何让用户使用gmap3插件或Google Maps Api v3绘制多个多边形

我对JavaScript和Google Maps Api没有太多的经验。 我要实现的目标:我有一张地图,用户可以在其中放置标记或绘制多边形。 我正在使用gmap3插件,并且设法完成了标记所需的所有操作(例如添加,编辑,拖动,删除等),但是多边形存在问题。 这是基本代码: 我可以在控
2回复

jquery gmap3 - 计算多个动态生成的标记坐标的中心点和缩放 - 谷歌地图api 3

我基本上试图为我的#map_div div设置自动缩放和自动居中功能。 但是因为我的标记是动态生成的,所以根据我的#map_div的宽度和高度,我不知何故需要缩放和居中自动工作。 但是你可以在我的gmap3脚本中看到我必须手动确定缩放和中心,而不是很酷。 我在下面找到了这个脚本片段
1回复

Gmap3多个标记加载缓慢。 怎么解决?

我正在使用Gmap3将Google Map加载到我的网站上。 在此地图内,有100多个标记。 问题在于地图加载非常缓慢,需要花费一分钟的时间来加载整个地图。 如何使用很多标记来加快地图的加载速度? 我正在使用最新版本的Gmap3(v6),并且正在使用jQuery 2.1。
1回复

gmap3标记getPosition()不起作用

我正在使用gmap3插件进行jquery并使用“获取”来获取特定的标记,因此我确实获得了正确的标记,因为我可以访问marker.data我将其定义为初始化地图,但是如何获取该位置标记,可让地图放大到回调函数中的此位置 尝试抛出错误: 所以有人有主意吗? 在此先感谢您的任何提
2回复

gmap3删除事件监听器

我想删除点击添加的事件监听器: 需要类似的东西: