Question

好的，我想要实现的是用户可以选择使用下拉菜单更改标记图标。一旦他们选择了Icon图像，我就不希望将其保存到本地存储。

这是我尝试但没有运气，我不确定它是否在正确的道路上，或者我可以完全不同的方式做到这一点。本地存储工作正常，只是无法更改标记的图像。

google map var我用于我的标记

var url = 'images/user_marker.png'

本地存储空间

 $('select[name=icon]').val(item);

    $('select[name=icon]').change(function() {
       window.localStorage.setItem('icon', $(this).val());
    });

下拉菜单

<select name="icon" class="dropdownselect" >
  <option value="images/one_marker.png">Marker 1</option>
  <option value="images/two_marker.png">Marker 2</option>
  <option value="images/three_marker.png">Marker 3</option>
</select>

 $(document).ready(function(e) {
     $('.dropdownselect').change(function(){
  $('url')[0].src = this.value;
});
});

Answer 1

这可能不起作用，因为您没有声明所选选项的值。更改选项标记以包含value，如下所示：

<option value="images/one_marker.png">Marker One</option>

然后再试一次。我认为它应该有用。

更改用户谷歌地图标记并保存到本地存储

1 个答案: