Google maps 如何在静态谷歌地图上的pin上弹出?

Google maps 如何在静态谷歌地图上的pin上弹出?,google-maps,Google Maps,我使用GoogleMapsAPI渲染了一个带有pin的静态地图 形象 有没有一种方法可以像在标准的谷歌地图(你通常可以在那里滚动)上那样为PIN弹出窗口 它位于WordPress页面上:地图左侧的表格显示了点击地名时的模态。我想知道是否有办法通过点击标记来打开情态动词 谢谢。您可以使用以下内容: <script type="text/javascript"> function init_map(){ var myOptions = { zoom:14,

我使用GoogleMapsAPI渲染了一个带有pin的静态地图

形象

有没有一种方法可以像在标准的谷歌地图(你通常可以在那里滚动)上那样为PIN弹出窗口

它位于WordPress页面上:地图左侧的表格显示了点击地名时的模态。我想知道是否有办法通过点击标记来打开情态动词


谢谢。

您可以使用以下内容:

<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>

函数init_map(){
变量myOptions={
缩放:14,
中心:新google.maps.LatLng(40.26489,-74.533312),
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map(document.getElementById(“gmap_画布”),myOptions);
marker=new google.maps.marker({map:map,position:new google.maps.LatLng(40.26489,-74.533312)});
infowindow=new google.maps.infowindow({内容:“劳顿服务公司有限责任公司
400美世街
新泽西州海茨敦08520“}); google.maps.event.addListener(marker,“click”,function(){infowindow.open(map,marker);}); infowindow.open(map,marker);}google.maps.event.adddomstener(窗口'load',init_map);
你可以添加一个不定数量的标记,上面有一个小框


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

这对静态图像有效吗?我看着,不确定..我不知道你的意思?你是说定制的“别针”图案吗?我不这么认为?你的意思是使用你自己的地图图像,然后在上面加上别针吗?因为这肯定行不通。Sorta完全违背了使用API的目的。你在那里链接的东西实际上是使用API,就像我建议的那样,并使用其他东西(比如imageGoo或其他东西)来实际生成静态图形。所以你真正需要做的是将两种技术结合在一起。是的,我使用了。有没有一种方法可以用来创建静态地图?为了便于在页面上导航,我不希望允许对地图进行任何缩放或平移。