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

我想这链接，但并不对我的工作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, 

       }); 
      } 

     }

来源

2017-07-04 Will KK

限定 “当前的” 标志物。点击一个？ –

表示红色默认标记 –

添加一个全局变量与链接的图像：

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 
    }

当添加所述标记使用图标可变的，并且分配给图标可变

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/

来源

2017-07-04 08:20:41

如果我想修改图标大小，该怎么办？ –

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

回答

相关问题