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

Question

好的，我试图实现的是用户可以选择用下拉菜单更改标记图标。一旦他们选择了图标图像，我就希望它被保存到本地存储器。

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

我正在为我的标记使用的谷歌地图变量

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

这可能不起作用，因为您没有声明所选选项的值。将选项标签更改为包含类似以下内容的值：

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

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