Google Maps v3适合多信息Windows的内容

Question

我想使this infowindow的内容适合。我只是从这个post中分叉这段代码。

到目前为止，我已经设法尝试以下链接作为我研究的结果

1. this link的第一个答案似乎在2010年有效，但不再有效 在2014年工作，或者我可能只是遗漏了一些东西。

它声明

  

在构造函数中设置maxWidth选项属性。是的，即使设置最大宽度不是您想要做的。

然后其中一条评论说，这可能是在2010年，但在2014年不再有了

  

这可能在2010年有效，但在2014年没有帮助。 - Simon 8月15日1:25

1. This link用我们自己的风格替换“标准”谷歌地图信息，但这对我也不起作用。

  

您要做的是将“标准”Googlemaps infoWindow替换为您自己的，并将您的内容放入其中。替换标准GM infoWindow后，您可以使用很多自由。

1. 我也尝试了this，但代码不符合我的代码。

以下是我尝试过的代码

 content: $(this.infocontent)[0]

1. 最后是this，其目的是调整信息量，但它仍无效。

   var infowindow = new google.maps.InfoWindow（{ 内容：...， maxWidth：300 }）

我希望获得

Something like this is the result，当我们点击标记时，会显示一个可以自动显示的信息窗。

Answer 1

这不是解决方法，而只是解决方法。没有永久解决问题。

似乎通过更改此代码

var sites = [
            ['American Range', 34.2737729, -118.4284391, 1, "<a href=\"http://americanrange.com/\" target='_blank'>American Range</a>"],
            ['Gorenje', 46.3446568, 15.0064148, 1, "<a href=\"http://www.gorenje.com/\" target='_blank'>Gorenje</a>"]
        ];

到此

 var sites = [
        ['American Range', 34.2777032, -118.4238387, 1, '<p><a href=\"http://americanrange.com/\" target="_blank"><b>American Range</b></a></p></br>'],
        ['Gorenje', 46.4906673, 15.3754774, 1, '<p><a href=\"http://www.gorenje.com/\" target="_blank"><b>Gorenje</b></a></p></br>']
];

特别是这个

"<a href=\"http://americanrange.com/\" target='_blank'>American Range</a>"

到此

'<p><a href=\"http://americanrange.com/\" target="_blank"><b>American Range</b></a></p></br>'

修复某些标记的问题，但不是全部。