google maps change Значок маркера

Question

Я пытаюсь изменить значок маркера и поместить свой собственный значок с помощью следующего кода, но при установке значка ничего не появляется. Любые предложения, пожалуйста?

var marker = new google.maps.Marker({ 
    position: location, 
    map: map, 
    icon: 'c:\green.jpg' 
}); 

Answer 1

Вы должны поместить свое изображение (green.jpg) в папку, доступную вашей программе. Например, поместите его в папку WAR. Если у вас просто есть страница HTML, PHP, ..., тогда поместите изображение в ту же папку

Answer 2

Ожидается, что значение значка будет URI, поэтому вам, вероятно, необходимо передать ему URI файла в этом случае.

file:///C:/green.jpg 

Очевидно, что если вы собираетесь использовать это в Интернете, то вам нужно будет использовать URL-то, что обслуживается веб-сервером, а не файл изображения на компьютере.

Answer 3

Попробуйте использовать функцию setIcon(). Что-то вроде marker.setIcon ("IconFile")

Больше информации об этой функции здесь: https://developers.google.com/maps/documentation/javascript/reference#Marker

Поиск: "SetIcon (иконка: строка | MarkerImage)"

Answer 4

Вы можете попробовать с помощью относительный путь к файлу:

var marker = new google.maps.Marker({ 
    position: location, 
    map: map, 
    icon: 'img/markers/brown_MarkerE.png' 
}); 

Надеюсь, это поможет.

Answer 5

Вы должны указать протокол, используемый, в вашем случае file://file transfer protocol

var marker = new google.maps.Marker({ 
    position: location, 
    map: map, 
    icon: 'http://c:/green.jpg' 
}); 

Примечание: Вы должны сохранить изображение на вашем веб-сервере, чтобы сделать его доступным для всех. Таким образом, только пользователь с изображением «grren.jpg» там C раздел увидит значок.

Answer 6

here is the full document for that with example : 
https://developers.google.com/maps/tutorials/customizing/custom-markers 

you can also use this code: 

var marker = new google.maps.Marker({ 
    position: location, 
    map: map, 
    icon: 'your_img.png' 
});