Пользовательские значки Google Maps V.3

Question

Как создать аналогичный скрипт для пользовательского маркера с помощью Google Maps 3? Точно так же, как и с v.2:

var iconBlue = new GIcon(); 
iconBlue.image = 'images/cell1.png'; 
iconBlue.shadow = ''; 
iconBlue.iconSize = new GSize(32, 32); 
iconBlue.shadowSize = new GSize(22, 20); 
iconBlue.iconAnchor = new GPoint(3, 16); 
iconBlue.infoWindowAnchor = new GPoint(15, 15); 

var iconRed = new GIcon(); 
iconRed.image = 'images/cell3.png'; 
iconRed.shadow = ''; 
iconRed.iconSize = new GSize(32, 32); 
iconRed.shadowSize = new GSize(22, 20); 
iconRed.iconAnchor = new GPoint(15, 2); 
iconRed.infoWindowAnchor = new GPoint(15, 15); 

var iconGreen = new GIcon(); 
iconGreen.image = 'images/cell2.png'; 
iconGreen.shadow = ''; 
iconGreen.iconSize = new GSize(32, 32); 
iconGreen.shadowSize = new GSize(22, 20); 
iconGreen.iconAnchor = new GPoint(-9, 2); 
iconGreen.infoWindowAnchor = new GPoint(20, 15); 

var customIcons = []; 
customIcons["60"] = iconBlue; 
customIcons["240"] = iconRed; 
customIcons["350"] = iconGreen; 

Я написал следующее в версии 3, и маркер не показан.

var cellone = new google.maps.MarkerImage("images/cell1.png", 
    new google.maps.Size(20, 34), new google.maps.Point(0,0), 
    new google.maps.Point(3, 16)); 
var celltwo = new google.maps.MarkerImage("images/cell2.png", 
    new google.maps.Size(20, 34), new google.maps.Point(0,0), 
    new google.maps.Point(-9, 2)); 
var cellthree = new google.maps.MarkerImage("images/cell3.png", 
    new google.maps.Size(20, 34), new google.maps.Point(0,0), 
    new google.maps.Point(15, 2)); 

var customIcons = []; 
customIcons["60"] = cellone; 
customIcons["240"] = celltwo; 
customIcons["350"] = cellthree; 

Answer 1

Я недавно только что сделал этот значок. И я изначально использовал тот же тип кода, который вы использовали, но это не сработало. Очевидно, что новый GIcon() не функционировал должным образом.

Существует очень простой способ изменить значок, хотя он не использует переменные. Это то, что я сделал.

Объявлять маркер Variable как глобальную переменную. Когда вы создаете новые маркеры, одна из строк должна указывать значок: ...

Вот пример моего кода. Конечно, вам придется изменить определенные строки, чтобы они работали для вашей программы (и вы не можете использовать маркер с ярлыками, если вы не смените некоторые функции).

И, наконец, значок: ... может быть ссылкой или местоположением на вашем компьютере.

var iconArray = [ 
       ["http://www.google.com/intl/en_us/mapfiles/ms/micons/red-dot.png"], 
       ["http://www.google.com/intl/en_us/mapfiles/ms/micons/yellow-dot.png"], 
       ["http://www.google.com/intl/en_us/mapfiles/ms/micons/green-dot.png"], 
       ["http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png"], 
       ["http://www.google.com/intl/en_us/mapfiles/ms/micons/purple-dot.png"], 
       ["http://www.google.com/intl/en_us/mapfiles/ms/micons/pink-dot.png"], 
       ["http://www.google.com/intl/en_us/mapfiles/ms/micons/ltblue-dot.png"] 

       ]; 


function getMarkers() { 
    for (i = 0; i < locations.length; i++) { 
      marker[i] = new MarkerWithLabel({ 
       position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
       draggable: false, 
       map: map, 
       icon: new google.maps.MarkerImage(iconArray[i]), 
       //icon: new google.maps.MarkerImage("http://www.google.com/intl/en_us/mapfiles/ms/micons/pink-dot.png"), 
       //labelContent: locations[i][3], 
       labelAnchor: new google.maps.Point(30, 0), 
       labelClass: "labels", // the CSS class for the label 
       labelStyle: {opacity: 0.75} 
      }); 



     } 
} 

function initialize() { 
    getMarkers(); 
} 

Answer 2

Translated version of Mike Williams' v2 "category" example