如何创建地图标记，例如airbnb，nestaway

Question

我尝试了以下代码

var contentString = '<div style="margin:0px;padding:0px;"> ' +
              '<p class="text-center" style="margin:0px;padding:0px;">' +
                '<span style="margin:0px;padding:0px;font-size:15px;"> ' +
                  '<strong> ₹ '+
                    // '<img class="pull-left" src="assets/img/site-logo/new_site_logo_favicon.png" alt="Brand Logo" height="20px">' +
                    obj1[i].price +
                  '</strong>' +
                '</span>' +
              '</p>' +
            '</div>';
            var infowindow =  new google.maps.InfoWindow({
                content: contentString,
                map: map,
                position: latLng
            });

哪个给出以下结果？

首次加载页面时：

当我使用$ .ajax + jQuery动态加载它时：

我的第一个问题是，在以下代码的帮助下，关闭图标并未第一次隐藏：

$('.gm-style-iw').next("div").remove();

但是第二次它确实消失了。第一次正确如何做？

第二个问题是，我想要一个像图片中所示的airbnb和nestaway这样的标记。

AirBNB地图标记：

Nestaway标记：

它会更改颜色和少量动画内容。悬停链接的卡时我该怎么做。