制作AirBNB谷歌地图图标

Question

我对谷歌地图相当新手 - 如何制作谷歌地图AirBnB类型标记？我正在设置我的标记，我只需要能够创建一个带有文本背景的矩形，就像图片一样......

我有一个“价格”变量我也可以设置。

这是我的代码：

var marker = new google.maps.Marker({
        position : latlng,
        map : map,
        label: {
            text: price, // $100,000
            color: 'white'
        }
    });

Answer 1

标记标签通常是标记中显示的字母或数字。您可以放置​​多个字母或数字，但标记不会自动调整大小以适合文本。一种可能的解决方案是使用信息窗显示您想要的信息。这里有一些关于infowindows的好文档：

https://developers.google.com/maps/documentation/javascript/infowindows

另一种选择是使用自定义标记：

https://developers.google.com/maps/documentation/javascript/custom-markers

Google允许您使用自定义标记而不是默认标记，您可以按照简单标记图标的说明进行操作：

https://developers.google.com/maps/documentation/javascript/markers#simple_icons

自定义图标的唯一缺点是，如果您要列出您发布的图片中的价格信息，则每个价格都需要一个自定义图标。

我希望这有帮助！