如何使用javascript在地图标记中显示自定义图像

我需要显示自定义图像作为我的网站的位置标记

这里我附上了图片。

html

<script async defer
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
//append jquery map marker js


<div id="googlemaps"></div>

---

谢谢你的反馈，我已经实现了这个功能。但它只是显示图像。@RameshChudasama为什么不在一个图像中合并两个图像？我想你应该在一个图像中合并两个图像，然后在设置路径Javascript之后，我如何合并两个图像？在那里添加一些你尝试过的代码

    var mapMarkers =    {
                            "markers":
                            [
                                {
                                    "latitude": "48.85661",
                                    "longitude":"2.35222",
                                    "icon": "../wp-content/uploads/2016/08/pin.png"
                                }
                            ]
                        };
    $("#googlemaps").mapmarker
    ({
        zoom : 16,
        center : "48.85661, 2.35222",
        dragging : 1,
        mousewheel : 0,
        markers : mapMarkers,
        featureType : "all",
        visibility : "on",
        elementType : "geometry"
    });