Переводил с немецкого на русский,
сам перевод:
Как встроить OpenStreetMap к себе на сайт
Этот простой пример покажет, как показать вырез из "OpenStreetMap" на своем сайте.
С помощью этого DHTML-фрагмента, создаем OpenLayers Javascript библиотеку, для показа карты на сайте.
Примечание: OpenStreetMap предоставляет плитки фотографий
Примечание, все данные с карты берутся с серверов OpenStreetMap. OSM не предоставляет официальную поддержку и не может гарантировать, работу данного метода. Сервера также иногда выходят из строя и меняют URL (ссылку). Если ты планируешь использовать большое количество трафика, обратись в тех. поддержку.
Инструкция:
Скопируй данный код новый HTML - Файл.
<html>
<head>
<title>OpenLayers Demo</title>
<style type="text/css">
html, body, #basicMap {
width: 100%;
height: 100%;
margin: 0;
}
</style>
<script src="__www.openlayers.org/api/OpenLayers.js"></script>
<script>
function init() {
map = new OpenLayers.Map("basicMap");
var mapnik = new OpenLayers.Layer.OSM();
map.addLayer(mapnik);
map.setCenter(new OpenLayers.LonLat(13.41,52.52) // Center of the map
.transform(
new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
new OpenLayers.Projection("EPSG:900913") // to Spherical Mercator Projection
), 15 // Zoom level
);
}
</script>
</head>
<body onload="init();">
<div id="basicMap"></div>
</body>
</html>
Расширение:
Для использования других стандартных карт, используй данный код:
var newLayer = new OpenLayers.Layer.OSM("New Layer", "path_to_tiles/", {numZoomLevels: 19});
New Layer" - Название карты в меню
"path_to_tiles" - ссылка к серверу основной карты
"numZoomLevels:" - количество уровней масштабирования
за некоторые ошибки в русском языке говорите )) перевел на скорую руку )
в сравнении с текстом на английском, немецкого намного меньше