Как использовать OpenStreet Map с Google Maps API версии 3
Добавить в свое приложение которое работает с Google Maps API поддержку OpenStreetMap просто. Для начала создадим собственно объекта нового типа карт , и определим в нем откуда брать картинки для отображения, делается это просто:
var openStreet ; // Для поддержки опен стрит
openStreet = new google.maps.ImageMapType({getTileUrl: function(ll, z) {
var X = ll.x % (1 << z); // wrap
return "http://tile.openstreetmap.org/" + z + "/" + X + "/" + ll.y + ".png";
} ,
tileSize: new google.maps.Size(256, 256),
isPng: true,
maxZoom: 18,
name: "OSM",
alt: "Open Streetmap tiles"
});
Теперь добавляем его как тип карты в главный объект карты в моем случае это map.
map.mapTypes.set('osm', openStreet);
И теперь чтоб карта отображалась даннами с openstreetmap достаточно сделать:
map.setMapTypeId('osm');


Ваш отзыв