javascript - Google地图：如何创建自定义InfoWindow？(Google Maps: How to create a custom InfoWindow?)

Question

The default Google Maps InfoWindow for a map marker is very round.

(地图标记的默认Google Maps InfoWindow非常圆。)

How do I create a custom InfoWindow with square corners?

(如何创建带方角的自定义InfoWindow？)

  ask by SarahBeale translate from so

Answer 1

EDIT After some hunting around, this seems to be the best option:

(编辑经过一些狩猎后，这似乎是最好的选择：)

https://github.com/googlemaps/js-info-bubble/blob/gh-pages/examples/example.html

(https://github.com/googlemaps/js-info-bubble/blob/gh-pages/examples/example.html)

You can see a customised version of this InfoBubble that I used on Dive Seven, a website for online scuba dive logging .

(你可以在Dive Seven上看到这个InfoBubble的定制版本，这是一个在线水肺潜水记录网站 。)

It looks like this:

(它看起来像这样：)

---

Google provide a demo that shows how to implement a custom info window.

(Google 提供了演示如何实现自定义信息窗口的演示 。)

It requires a fair amount of code, but seems to be pretty straightforward.

(它需要相当数量的代码，但似乎非常简单。)

---

There are some more examples here .

(有一些更多的例子在这里 。)

They definitely don't look as nice as the example in your screenshot, however.

(但是，它们看起来并不像屏幕截图中的示例那么好。)