WebGuruz

Задача была такой: «закрасить на карте гугл в каких странах побывал пользователь сайта». На выполнение этой задачи в действующем проекте потребовалось около недели. Начинал конечно же с изучения самого вопроса, и поиском готовых решений, попадались то на флеше, то просто были прорисованы контуры нескольких стран которые благополучно накладывались на карту, но ни одной с использованием только функций google maps api и работающей на всех масштабах карты.
И уже отчаявшись наткнулся на интересный зарубежный пост наглядно показывающий что решение возможно. Он состоял из двух частей:
первая
вторая
Вот собственно решение этого блогера. Значит имеется mysql база полигонов стран, которая включает в себя абсолютно все координаты границ стран. Эти полигоны скриптом rubby переделывают в js функции а затем привязывают к карте. Ну и естественно карта закрашивается. Вроде ничего сложного) Ну а теперь рассмотрим этот вопрос подробнее
1. Первое что нам нужно это база полигонов стран которую вы можете скачать либо на указанном выше сайте либо тут boundaries
Полигон одной страны в базе представляет из себя запись такого рода MULTIPOLYGON(((12.445090330889 41.903117521785,12.451653339581 41.907989033391,12.456660170954 41.901426024699,12.445090330889 41.903117521785)))Для того чтобы закрасить или выделить большой полигон гугл использует некоторое преобразование точек тут можно прочесть документацию по этому поводу. Вобщем скрипт js должен выглядеть таким образом var polyline1_1 = new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 4,
  opacity: 0.8,
  points: "mew~Fyt}jAm]_h@~g@i^qIhgA",
  levels: "PHIP",
  zoomFactor: 2,
  numLevels: 18
});
map.addOverlay(polyline1_1); Где points: «mew~Fyt}jAm]_h@~g@i^qIhgA» и есть тот самый массив точек преобразованный нами в строку.

2. Сам скрипт выполняющий преобразование полигона в полностью закрашенную страну как я говорил написан на rubby что не очень удобно просто потому что php более распространен среди веб программистов. Поэтому я его переписал, пришлось конечно немного помучаться… лучше наверно выложу его в отдельном файле script.txt переменная $border - массив выбранных полигонов выбранных стран для закраски
$output - имя выходного файла js Теперь вызываем созданный нами файл javascript в head страницы <script type="text/javascript" src="bordersOverlay.js"></script> И при инициализации карты google вызываем функции закрашивающие нужные нам страны initBorders();
addBordersOverlay();Поменять цвет тоже очень просто encodedPolygon_ES.setFillStyle({color:blue",opacity:1})');В итоге получаем карту закрашенную на всех масштабах
В моем случае функция показывающая какие страны нужно закрасить для того или иного пользователя вызывалась при регистрации и при редактировании личной информации.
Если что то не понятно обращайтесь, помогу=)

P.S. Огромное спасибо Florin Duroiu (автор вышеуказанного блога) за отличную статью

Читать похожие статьи:

• Погода по широте и долготе (0)
• Координаты по адресу – google maps (2)
• Ставим свой z-index маркерам (0)