如何将选项卡添加到使用extInfoWindows进行谷歌地图的infowindow

问题描述

限时删除！！

我有以下代码在google map上显示信息窗口，当点击标记时，我如何向使用extinfowindows的infowindows添加标签，任何人都可以帮助找出问题。

 函数createMarker（point，name，address，imagepath）{
 var marker = new GMarker（point，gicons [imagepath]）; 
 var html1 ='< span class =name-tab>< b>'+ name +'< / b>< / span> < span class =info>< br />'+ address +'< / span>'; 
 
 GEvent.addListener（marker，'click'，function（）{
 marker.openExtInfoWindow（
 map，simple_example_window，html1，{
 beakOffset： - 4 
}）; 
}）; 
} 
  

解决方案

for GMaps v3.0

勾选此项

But we can make it for V3.0 using JQuery here is sample of code

    var contentString = [
  '<div id="tabs">',
  '<ul>',
    '<li><a href="#tab-1"><span>One</span></a></li>',
    '<li><a href="#tab-2"><span>Two</span></a></li>',
    '<li><a href="#tab-3"><span>Three</span></a></li>',
  '</ul>',
  '<div id="tab-1">',
    '<p>Tab 1</p>',
  '</div>',
  '<div id="tab-2">',
   '<p>Tab 2</p>',
  '</div>',
  '<div id="tab-3">',
    '<p>Tab 3</p>',
  '</div>',
  '</div>'
].join('');

var infowindow = new google.maps.InfoWindow({
    content: contentString
});

var marker = new google.maps.Marker({
    position: myLatlng,
    map: map
});

google.maps.event.addListener(marker, 'click', function() {
  infowindow.open(map, marker);
  $("#tabs").tabs();
});

这篇关于如何将选项卡添加到使用extInfoWindows进行谷歌地图的infowindow的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！

1403页，肝出来的..