如何为我当前的标记设置自定义标记？答案

【问题标题】：how to set custom marker for my current marker?如何为我当前的标记设置自定义标记？
【发布时间】：2017-07-04 08:04:26
【问题描述】：

如何为我当前的标记设置自定义标记？

我试过这个链接，但这对我不起作用How do you create a Marker with a custom icon for google maps API v3?

这是我的代码

      var markers = [
       {
           "lat": '3.214608',
           "lng": '101.639114',
       },
       {
           "lat": '3.214790',
           "lng": '101.640928',
       }
       ];

       window.onload = function () {
           LoadMap();
       }

       function LoadMap() {
           var mapOptions = {
               center: { lat: 3.214608, lng: 101.639114},
               zoom: 16,
               mapTypeId: google.maps.MapTypeId.ROADMAP
           };
           var map = new google.maps.Map(document.getElementById("map"), mapOptions);

           var infoWindow = new google.maps.InfoWindow();

           for (var i = 0; i < markers.length; i++) {
               var data = markers[i];
               var myLatlng = new google.maps.LatLng(data.lat, data.lng);
               var marker = new google.maps.Marker({
                   position: myLatlng,
                   map: map,

               });
           }

       }

【问题讨论】：

定义“当前”标记。一个被点击的？
表示红色默认标记

标签： javascript google-maps google-maps-api-3

【解决方案1】：

添加一个带有图片链接的全局变量：

var image = 'https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png';

要更改大小/比例等，请修改代码以包含：

  var icon = {
    url: image,
    scaledSize: new google.maps.Size(50, 50), // scaled size
    origin: new google.maps.Point(0, 0), // origin
    anchor: new google.maps.Point(0, 0) // anchor
  }

添加标记时使用icon变量，并赋值给icon变量

 marker = new google.maps.Marker({
    map: map,
    draggable: true,
    animation: google.maps.Animation.DROP,
    position: simplerweb,
    icon: icon// assign image here
  });

JSFiddle：https://jsfiddle.net/cmjcs5eL/18/

【讨论】：

如果要修改图标大小怎么办？