Как изменить цвет GMarker в Картах Google? - PullRequest
Новая
       14

Как изменить цвет GMarker в Картах Google?

3 голосов
/ 26 января 2010

Довольно простой запрос, но, кажется, нет способа сделать это. Я просто хочу, чтобы мои GMarkers были зелеными, а не красными.

Действительно ли мне нужно создавать свои собственные иконки?

Ответы [ 4 ]

4 голосов
/ 26 января 2010

Это самый простой метод: 

var greenIcon = new GIcon(G_DEFAULT_ICON);
greenIcon.image = "http://www.google.com/intl/en_us/mapfiles/ms/micons/green-dot.png";
var markerOptions = { icon:greenIcon };

var marker = new GMarker(point, markerOptions);

Это маркерное изображение от Google, но вы также можете использовать свое.

MapIconMaker отлично подходит, если вам нужно генерировать уникальные маркеры на лету.

1 голос
/ 26 января 2010

Лучший способ, который я нашел, это следующие сценарии ...

labeledmarker.js

mapiconmaker.js

Затем вам понадобится следующий фрагмент кода: 

var iconOptions = {};
iconOptions.width = 32;
iconOptions.height = 32;
iconOptions.primaryColor = "#66CC6600";
iconOptions.cornerColor = "#66CC6600";
iconOptions.strokeColor = "#000000FF";
var iconSeller = MapIconMaker.createMarkerIcon(iconOptions);

function createMarker(icon, point,html,label) 
{
    opts = 
    { 
        "icon": icon,
        "labelText": label,      
        "labelClass": "markerLabel",
        "labelOffset": new GSize(-4, -31)
    };
    var marker = new LabeledMarker(point, opts);
    GEvent.addListener(marker, "click", 
        function() 
        {
            marker.openInfoWindowHtml(html);
        });
    return marker;
}

Убедитесь, что в вашей таблице стилей есть класс с именем markerLabel, чтобы вы могли стилизовать div, содержащий метку. Я взял большую часть этого кода с превосходного учебного сайта econym , где есть много четких примеров и примеров кода.

0 голосов
/ 06 апреля 2013

Мне нужен проект для добавления gmarker на карту и получения данных из веб-сервисов

0 голосов
/ 26 января 2010

См. Это: Наложения карты> Маркеры> Значки

Иконки

Маркеры могут определять значок для отображения в место значка по умолчанию. Определение значок сложный из-за числа различных изображений, которые составляют один значок в API Карт. На минимум, значок должен определять изображение переднего плана, размер шрифта GSize, а значок смещен на поместите значок.

Простейшие значки основаны на G_DEFAULT_ICON тип. Создание значок на основе этого типа позволяет быстро изменить значок по умолчанию изменение только нескольких свойств.

Похоже, это самый простой случай. Вы используете G_DEFAULT_ICON в качестве базы GIcon, а затем расширяете ее, изменяя свойство .image этого нового объекта. простой пример довольно прост.

...