Jquery 谷歌地图标记更改OnClick

我目前有一个谷歌地图集成到我的网站。我在地图里有两个谷歌地图标记

在mouseover和mouseout上，这两个标记图像都会根据我的需要进行更改。这一切都在起作用

我有它的设置，一旦一个标记被点击，页面url的变化和重新加载。这一切都很好

我的问题是，我想我的谷歌标记图标也改变时，标记被点击

所以让它变得简单

• 标记A=单击
  从正在单击的标记A加载新页面
  标记A应更改新页面上的图标

我希望我已经解释过这是一种直截了当的方法。这是我目前的代码

  var iconBase = window.location.origin +   '/assets/images/map_red_small_full_icon.png';

var marker = new google.maps.Marker({
 position: {lat: 54.339549, lng: -5.266286},
 map: map,
 icon: iconBase
});  

marker.addListener('click', function() {
    window.history.pushState('obj', 'newtitle', '/locations#marker1');
    marker.setIcon(iconBasetitle);
    location.reload();
    $('body').scrollTop(0);
});

因此，url将根据单击标记的时间进行更改。新页面将加载，但标记不会更改

有人能解释我遗漏了什么吗

---

谢谢

我想点击选框后，

iconBasetitle

是新图标

由于页面重新加载，整个脚本也会重新加载。
因此，您的选框将重置为其原始状态。

您只需在脚本中添加一些内容，即可根据您在URL中添加的哈希更改图标

像这样的事情可能会：

if(window.location.hash) {
    var hash = window.location.hash.substring(1); //Puts hash in variable, and removes the # character
    if(hash=="marker1"){
        marker.setIcon(iconBasetitle);
    }
}

---

请提供一份说明问题的报告。“新建”页面如何设置标记的更新图标？@geocodezip:«“新建”页面如何设置更新图标»这似乎是个问题。。。它认为这个问题是完整的。。。可能无法验证，但完整。在信息方面，我无法提供更多信息，请始终感谢发帖人提出的真实问题。。。