Javascript 将Google地图标记图标更改为自定义图标

我一直在使用Adobe muse开发一个网站，我选择在公司的联系页面上实现一个定制的谷歌地图。我使用了一些基本的javascript，通过在Muse文档中插入“HTML元素”插入到Muse文档中，我有我的JS

我还应该提到，我在页面的“头部”通过页面的元数据（通过页面>页面属性>Muse内的元数据访问）链接了谷歌地图API（带有我的相关密钥）

按照Google提供的指南，我创建了一个自定义地图，然后使用通过[]生成的JS应用了一些额外的样式

我的问题出现在试图用illustrator中创建的我自己的标记（存储在我的iMac上）替换默认标记图标时，我遵循了大量不同的指南并尝试了多种实现自定义图标的方法，但没有任何运气-有人能告诉我哪里出了问题吗？我将不胜感激

下面是我的JS在Muse HTML元素中的外观>

<script> 
function initMap() {
var myLatLng = {lat: 51.454137, lng: -2.473673};

var map = new google.maps.Map(document.getElementById('u64615'),{
    zoom: 16,
    center: myLatLng,
    styles:
    [
{
    "featureType": "administrative",
    "elementType": "labels.text.fill",
    "stylers": [
        {
            "color": "#444444"
        }
    ]
},
{
    "featureType": "landscape",
    "elementType": "all",
    "stylers": [
        {
            "color": "#f2f2f2"
        }
    ]
},
{
    "featureType": "poi",
    "elementType": "all",
    "stylers": [
        {
            "visibility": "off"
        }
    ]
},
{
    "featureType": "poi",
    "elementType": "geometry",
    "stylers": [
        {
            "visibility": "off"
        }
    ]
},
{
    "featureType": "poi",
    "elementType": "geometry.fill",
    "stylers": [
        {
            "color": "#f10019"
        },
        {
            "visibility": "simplified"
        }
    ]
},
{
    "featureType": "poi",
    "elementType": "labels",
    "stylers": [
        {
            "visibility": "off"
        }
    ]
},
{
    "featureType": "poi",
    "elementType": "labels.text",
    "stylers": [
        {
            "visibility": "simplified"
        },
        {
            "color": "#f10019"
        }
    ]
},
{
    "featureType": "poi",
    "elementType": "labels.icon",
    "stylers": [
        {
            "visibility": "off"
        }
    ]
},
{
    "featureType": "poi.attraction",
    "elementType": "all",
    "stylers": [
        {
            "visibility": "off"
        }
    ]
},
{
    "featureType": "poi.business",
    "elementType": "all",
    "stylers": [
        {
            "visibility": "off"
        }
    ]
},
{
    "featureType": "poi.business",
    "elementType": "geometry",
    "stylers": [
        {
            "visibility": "off"
        }
    ]
},
{
    "featureType": "poi.business",
    "elementType": "geometry.fill",
    "stylers": [
        {
            "visibility": "simplified"
        },
        {
            "color": "#f10019"
        }
    ]
},
{
    "featureType": "poi.business",
    "elementType": "geometry.stroke",
    "stylers": [
        {
            "visibility": "off"
        }
    ]
},
{
    "featureType": "poi.business",
    "elementType": "labels",
    "stylers": [
        {
            "visibility": "off"
        }
    ]
},
{
    "featureType": "poi.business",
    "elementType": "labels.text",
    "stylers": [
        {
            "visibility": "on"
        }
    ]
},
{
    "featureType": "poi.business",
    "elementType": "labels.icon",
    "stylers": [
        {
            "visibility": "off"
        },
        {
            "weight": "0.01"
        }
    ]
},
{
    "featureType": "poi.government",
    "elementType": "all",
    "stylers": [
        {
            "visibility": "off"
        }
    ]
},
{
    "featureType": "poi.medical",
    "elementType": "all",
    "stylers": [
        {
            "visibility": "off"
        }
    ]
},
{
    "featureType": "poi.park",
    "elementType": "all",
    "stylers": [
        {
            "visibility": "off"
        }
    ]
},
{
    "featureType": "poi.place_of_worship",
    "elementType": "all",
    "stylers": [
        {
            "visibility": "off"
        }
    ]
},
{
    "featureType": "poi.school",
    "elementType": "all",
    "stylers": [
        {
            "visibility": "off"
        }
    ]
},
{
    "featureType": "poi.sports_complex",
    "elementType": "all",
    "stylers": [
        {
            "visibility": "off"
        }
    ]
},
{
    "featureType": "road",
    "elementType": "all",
    "stylers": [
        {
            "saturation": -100
        },
        {
            "lightness": 45
        },
        {
            "visibility": "on"
        }
    ]
},
{
    "featureType": "road.highway",
    "elementType": "all",
    "stylers": [
        {
            "visibility": "simplified"
        }
    ]
},
{
    "featureType": "road.arterial",
    "elementType": "all",
    "stylers": [
        {
            "visibility": "on"
        }
    ]
},
{
    "featureType": "road.arterial",
    "elementType": "labels.icon",
    "stylers": [
        {
            "visibility": "off"
        }
    ]
},
{
    "featureType": "transit",
    "elementType": "all",
    "stylers": [
        {
            "visibility": "off"
        }
    ]
},
{
    "featureType": "water",
    "elementType": "all",
    "stylers": [
        {
            "color": "#163742"
        },
        {
            "visibility": "on"
        }
    ]
}]


 });

var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    title: 'Precision Profiles Manufacturing'
});

var contentString = 
    '<div>'+
    '<div>'+
    '</div>'+
    '<h1 style = "font-size:20px;padding-bottom:10px;"><b>Precision Profiles Manuafcturing</b></h1>'+
    '<div id="bodyContent">'+
    '<p>The regions leading supplier of aircraft and precision engineering solutions.<p>'+
    '</div>'+
    '</div>';

var infowindow = new google.maps.InfoWindow({
    content: contentString,
    maxWidth: 200,
    maxHeight: 400,
});

marker.addListener('click', function() {
    infowindow.open(map, marker);
});    }   </script>

函数initMap（）{
var Mylatng={lat:51.454137，lng:-2.473673}；
var map=new google.maps.map（document.getElementById（'u64615'）{
缩放：16，
中心：myLatLng，
风格：
[
{
“功能类型”：“管理”，
“elementType”：“labels.text.fill”，
“造型师”：[
{
“颜色”：“#4444”
}
]
},
{
“特色类型”：“景观”，
“elementType”：“全部”，
“造型师”：[
{
“颜色”：“#f2f2”
}
]
},
{
“featureType”：“poi”，
“elementType”：“全部”，
“造型师”：[
{
“可见性”：“关闭”
}
]
},
{
“featureType”：“poi”，
“elementType”：“几何体”，
“造型师”：[
{
“可见性”：“关闭”
}
]
},
{
“featureType”：“poi”，
“elementType”：“geometry.fill”，
“造型师”：[
{
“颜色”：“f10019”
},
{
“可见性”：“简化”
}
]
},
{
“featureType”：“poi”，
“elementType”：“标签”，
“造型师”：[
{
“可见性”：“关闭”
}
]
},
{
“featureType”：“poi”，
“elementType”：“labels.text”，
“造型师”：[
{
“可见性”：“简化”
},
{
“颜色”：“f10019”
}
]
},
{
“featureType”：“poi”，
“elementType”：“labels.icon”，
“造型师”：[
{
“可见性”：“关闭”
}
]
},
{
“特色类型”：“景点吸引力”，
“elementType”：“全部”，
“造型师”：[
{
“可见性”：“关闭”
}
]
},
{
“featureType”：“poi.business”，
“elementType”：“全部”，
“造型师”：[
{
“可见性”：“关闭”
}
]
},
{
“featureType”：“poi.business”，
“elementType”：“几何体”，
“造型师”：[
{
“可见性”：“关闭”
}
]
},
{
“featureType”：“poi.business”，
“elementType”：“geometry.fill”，
“造型师”：[
{
“可见性”：“简化”
},
{
“颜色”：“f10019”
}
]
},
{
“featureType”：“poi.business”，
“elementType”：“geometry.stroke”，
“造型师”：[
{
“可见性”：“关闭”
}
]
},
{
“featureType”：“poi.business”，
“elementType”：“标签”，
“造型师”：[
{
“可见性”：“关闭”
}
]
},
{
“featureType”：“poi.business”，
“elementType”：“labels.text”，
“造型师”：[
{
“可见性”：“打开”
}
]
},
{
“featureType”：“poi.business”，
“elementType”：“labels.icon”，
“造型师”：[
{
“可见性”：“关闭”
},
{
“重量”：“0.01”
}
]
},
{
“功能类型”：“poi.government”，
“elementType”：“全部”，
“造型师”：[
{
“可见性”：“关闭”
}
]
},
{
“特征类型”：“poi.medical”，
“elementType”：“全部”，
“造型师”：[
{
“可见性”：“关闭”
}
]
},
{
“功能类型”：“poi.park”，
“elementType”：“全部”，
“造型师”：[
{
“可见性”：“关闭”
}
]
},
{
“特征类型”：“崇拜地点”，
“elementType”：“全部”，
“造型师”：[
{
“可见性”：“关闭”
}
]
},
{
“特色类型”：“重点学校”，
“elementType”：“全部”，
“造型师”：[
{
“可见性”：“关闭”
}
]
},
{
“功能类型”：“poi.sports_complex”，
“elementType”：“全部”，
“造型师”：[
{
“可见性”：“关闭”
}
]
},
{
“功能类型”：“道路”，
“elementType”：“全部”，
“造型师”：[
{
“饱和”：-100
},
{
“轻盈”：45
},
{
“可见性”：“打开”
}
]
},
{
“功能类型”：“道路.公路”，
“elementType”：“全部”，
“造型师”：[
{
“可见性”：“简化”
}
]
},
{
“功能类型”：“道路干线”，
“elementType”：“全部”，
“造型师”：[
{
“可见性”：“打开”
}
]
},
{
“功能类型”：“道路干线”，
“elementType”：“labels.icon”，
“造型师”：[
{
“可见性”：“关闭”
}
]
},
{
“featureType”：“transit”，
“elementType”：“全部”，
“造型师”：[
{
“可见性”：“关闭”
}
]
},
{
“功能类型”：“水”，
“elementType”：“全部”，
“造型师”：[
{
“颜色”：“163742”
},
{
“可见性”：“打开”
}
]
}]
});
var marker=new google.maps.marker({
职位：myLatLng，
地图：地图，
标题：“精密型材制造”
});
var contentString=
''+
''+
''+
“精密轮廓制造”+
''+
“该地区领先的飞机和精密工程解决方案供应商。”+
''+
'';
var infowindow=new google.maps.I
var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    icon: "https://your_domain.com/your_directory/your_image.jpg",
    title: 'Precision Profiles Manufacturing'
});

var image = 'https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png';
var beachMarker = new google.maps.Marker({
  position: {lat: -33.890, lng: 151.274},
  map: map,
  icon: image
 });
}

var image = 'https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png';
var beachMarker = new google.maps.Marker({
  position: {lat: -33.890, lng: 151.274},
  map: map,
 });
}

beachMarker.setIcon (image);

let icon = {
   url: './path/path/custom_icon.png',
   scaledSize: { width: 69, height: 41 }
}
marker = new google.maps.Marker({
  position: pos,
  map: map,
  title: 'sample title',
  icon: icon
});
marker.setMap(map);