0

我想单击标记时打开一个自定义Jquery弹出窗口。该网址是#popup1或#popup2或其他。我尝试了URL标记,它适用于URL,但不适合我想要的内容。单击标记时执行jquery链接

下面的代码:

<div id="map" style="width: 500px; height: 400px;"></div> 

    <script type="text/javascript"> 
    var map = new google.maps.Map(document.getElementById('map'), { 
     zoom: 2, 
     center: new google.maps.LatLng(35.55, -25.75), 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }); 

    var marker = new google.maps.Marker({ 
     position: map.getCenter(), 
     url: '#popup1', 
     map: map 
    }); 

    google.maps.event.addListener(marker, 'click', function() { 
     window.location.href = marker.url; 
    }); 

    </script> 

这并没有什么,我也想为标志,以中间为中心,点击时。我很感激所有回复! 非常感谢:)

回答

1

使用marker.url = '_ TEXT_WITHOUT#_ SIGN'

window.location.hash = marker.url 

而且你可以使用map.setCenter(marker.position)或map.panTo(marker.position) 不同之处在于setCenter()立即将地图居中,panTo以很好的平滑移动进行。

+0

非常感谢,但不幸的是我忘了一件事...代码不工作,除非有一个属性name =“modal”。 喜欢分享: Sticky Note pufAmuf

1

要显示在地图中心添加

map.setCenter(marker.getPosition()); 

作为第一行到事件监听器的回调函数。关于URL

window.location.href = marker.get('url'); 

可能是使用MVC对象的解决方案。