API Карт Google - Маркеры

Question

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

Я хочу разместить прозрачные круги (маленькие) на карте вместо маркеров, но сделайте так, чтобы, когда они скопились в одной области, они накладывались друг на друга (очевидно) и создавали эффект затемнения. Таким образом, вы можете увидеть, где вещи переполнены на высоком уровне, а не просто сумасшедшим количеством одного и того же точного маркера изображения (который выглядел бы очень неряшливо и странно).

Кто-нибудь из вас делал что-то подобное раньше, или я должен подходить к этому иначе?

Answer 1

Как тепловая карта?

http://code.google.com/p/gheat/ или http://www.heatmapapi.com/

Answer 2

попробуйте сделать это тенью. Слой теней друг на друга, как описано выше. Пример:

var shadow = new google.maps.MarkerImage('/images/pin_shadow.png',
    new google.maps.Size(27,30),
    new google.maps.Point(0,0),
    new google.maps.Point(0, 19));

var marker = new google.maps.Marker({
    shadow: shadow,
    (otherproperties here),
});

Дайте мне знать, если это работает.

Kevin

Answer 3

Посмотрите на эту страницу: http://florent.clairambault.fr/add-a-circle-overlay-to-google-maps-api-v3

Я думаю, это то, что вы хотите.