Как отобразить два или более маркеров в одном месте?

Question

У меня вопрос по API GOOGLE MAP. Если у вас есть более двух данных с одинаковым адресом, как вы показываете Pins Drop на одном и том же адресе?

* ** 1003 тысяча два * Пример

1. У вас есть такие данные, как:

   Name=>Ray | Address=>Melon Park, California, USA ; 
   Name=>John | Address=>Melon Park, California, USA ; 
   Name=>Steve | Address=>Melon Park, California, USA
   

2. Вы хотите, чтобы на подобном адресе на Google Map отображалось 3 пункта.

Answer 1

Добавление маленькой дельты будет работать так (этот скрипт написан на PHP):

$random_num_lat = .00065 * mt_rand(1, 10); // delta to the lat value added
$random_num_lng = .00065 * mt_rand(1, 10); // delta to the lon value added

$lat=$row['lat']+$random_num_lat;
$lon=$row['lon']+$random_num_lng;

//now in loop it will be three `enter code here`marker display seperate to each other

while ($row = mysql_fetch_array($query)) {
    echo ("addMarker($lat, $lon,'<b>$name</b><br/>$desc1');\n");
}

Answer 2

В сообщении, указанном выше, есть несколько полезных советов. Ваши варианты действительно:

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

2. Используйте разные значки для каждого местоположения. Если вы знаете максимальное количество маркеров, которые могут перекрываться (например, 4?) В одном и том же месте, вы можете сделать свои собственные повернутые значки, поэтому вместо того, чтобы указывать «вниз» в типичной форме слезы, они могут указывать влево, вправо или вверх .

3. Обработка данных перекрываются в вашем информационном окне / пользовательском интерфейсе.

Answer 3

Я достиг этого, используя «spiderfier» для «spiderfy».

Доступен спидификатор GoogleMaps v3 здесь ( demo ).

Leaflet.js также может загружать GoogleMaps v3 и имеет красивый спидификатор кластеризации здесь ( демо ).