положить на карту Google какую-то точку с другим цветом - PullRequest
0 голосов
/ 28 июня 2018

Я хочу поставить три точки в Google Map с lat long , но я хочу, чтобы каждая точка была разного цвета.
Это мой код, на данный момент этот код устанавливает один цвет для всех точек

    function initMap() {

        map = new google.maps.Map(document.getElementById('map'), {
            zoom: 11,
            center: {lat: 39.585938, lng: 47.909219}
        });

        heatmap = new google.maps.visualization.HeatmapLayer({
            data: getPoints(),
            map: map
        });

        var gradient = [
            'rgba(255, 0, 0, 0)',
            'rgba(255, 0, 0, 1)'
        ]
        heatmap.set('gradient', gradient);
    }

    function getPoints() {
        return [
            new google.maps.LatLng(39.585938, 47.909219,20),
            new google.maps.LatLng(39.585938, 47.909220,20),
            new google.maps.LatLng(39.585938, 47.909221,20),
            new google.maps.LatLng(39.585938, 47.909222,20),
        ];
    }

1 Ответ

0 голосов
/ 28 июня 2018

Вы можете определить пользовательские маркеры, используя свойство strokeColor:

Пример:

strokeColor: "red",

Ссылка: https://developers.google.com/maps/documentation/javascript/markers

var marker = new google.maps.Marker({
    id: "some-id",
    icon: {
        path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW,
        strokeColor: "red",
        scale: 3
    },
    map: map,
    title: "Any-title",
    position: myLatlng
});

Ссылки: https://developers.google.com/maps/documentation/javascript/symbols

...