如何在静态Google地图上的图钉上弹出一个弹出窗口?

时间:2014-07-29 19:40:22

标签: google-maps

我使用Google Maps API渲染带有图钉的静态地图。

图片here

有没有办法像标准谷歌地图那样弹出针脚(你可以正常滚动)?

它位于WordPress页面上:http://clairepyper.org/地图左侧的表格显示了点击地名的模态。我想知道是否有方法可以通过点击标记来打开模态?

感谢。

1 个答案:

答案 0 :(得分:0)

你使用这样的东西:

<script type="text/javascript"> 

function init_map(){
   var myOptions = {
      zoom:14,
      center:new google.maps.LatLng(40.26489,-74.533312),
      mapTypeId: google.maps.MapTypeId.ROADMAP
   };

   map = new google.maps.Map(document.getElementById("gmap_canvas"), myOptions);
   marker = new google.maps.Marker({map: map,position: new google.maps.LatLng(40.26489,-74.533312)});
   infowindow = new google.maps.InfoWindow({content:"<b>Lawton's Service Company, LLC</b><br/>400 Mercer St<br /> Hightstown, NJ 08520" });
   google.maps.event.addListener(marker, "click", function(){infowindow.open(map,marker);});
   infowindow.open(map,marker);}google.maps.event.addDomListener(window, 'load', init_map);
</script>

您可以使用LatLng条目添加无限数量的这些标记,并且它上面有一个小框。

(很抱歉没有代码格式化。我的浏览器没有显示很酷的代码工具。)