Маркировка улиц в Google Maps - PullRequest
Новая
       12

Маркировка улиц в Google Maps

6 голосов
/ 29 июня 2009

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

В API Карт Google можно создавать маркеры и полигоны, которые покрывают определенные области.

Есть ли способ как-то пометить разные улицы?

Ответы [ 5 ]

3 голосов
/ 30 июня 2009

Мне кажется, что вы заинтересованы в том, чтобы показать какую-то цветовую гамму приложения для отображения ваших карт Google (а не карт трафика).

Если это так, то вы должны проверить пользовательские оверлеи. Вы можете создать свои собственные прозрачные фоновые накладные плитки (с вашими цветными улицами), сопоставить их с плитками карт Google и затем наложить их на карту. Вы можете найти описание этого материала в Справочнике по API Карт - Наложения .

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

Редактировать: Хорошо, я попробовал это, и это было довольно просто . Вам просто нужно захватить изображения плиток при загрузке страницы карт Google (для области, которую вы хотите наложить). Убедитесь, что вы отслеживаете исходные URL, потому что они имеют координаты x, y, которые вам понадобятся для написания метода наложения плиток.

Отредактируйте плитки с вашими цветными дорогами, а затем загрузите их на свой веб-сервер. Добавьте следующий код, чтобы использовать оверлей на обычной карте: 

var myCopyright = new GCopyrightCollection("© ");
myCopyright.addCopyright(new GCopyright('Demo',
              new GLatLngBounds(new GLatLng(-90,-180), new GLatLng(90,180)),
                0,'©2007 Google'));

// Create the tile layer overlay and 
// implement the three abstract methods                 
var tilelayer = new GTileLayer(myCopyright);

// properties of the tile I based my tile on
// v=w2.97&hl=en&x=38598&s=&y=49259&z=17&s=Galil.png
tilelayer.getTileUrl = function(point,  zoom) { 
    if (zoom == 17 && point.x == 38598 && point.y == 49259)
        return "../pics/times_square.png"; 
};

tilelayer.isPng = function() { return true;};
tilelayer.getOpacity = function() { return 1.0; }

var myTileLayer = new GTileLayerOverlay(tilelayer);
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(40.75740, -73.98590), 17);
map.addOverlay(myTileLayer)

Этот код накладывается на мою вещь, которую ест NY плитку:

image

при x = 38598 и y = 49259 при уровне увеличения 17.

1 голос
/ 12 августа 2009

Приняли ли вы решение OpenStreeMaps ?

1 голос
/ 29 июня 2009

В API Карт Google можно создавать маркеры и полигоны. Вам необходимо создать объекты GPolygon и / или GPolyline

Посмотрите эти уроки

И если вы хотите получить координаты (широта, долгота) определенных улиц, вы можете взглянуть на исходный код этой страницы

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

0 голосов
/ 02 июля 2009

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

Это то, что вы искали ??

0 голосов
/ 29 июня 2009

Попробуйте покопаться в коде, который используется для отображения наложения трафика на обычном сайте Google Maps.

Редактировать: Я только что посмотрел на код, и похоже, что даже Google решил, что проще реализовать это, просто создав линии трафика на сервере и опуская их вниз как прозрачные наложения PNG.

...