буряки уже усвоены давно…)
Окей, создавайте там страничку которую мучить будите. Там
<html>
вская лабуда, хед боди и т.п.
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.4.5/leaflet.css" />
<!--[if lte IE 8]>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.4.5/leaflet.ie.css" />
<![endif]-->
<script src="http://cdn.leafletjs.com/leaflet-0.4.5/leaflet.js"></script>
<script>
var map = L.map('map').setView([51.505, -0.09], 13);
</script>
<div id="map" style="width=100%; height=100%;">
</html>
Я пока посмотрю какие там параметры у мапника
ну как то так
нужно приблизить, более детальный зум нигде не видел
смотреть правую колонку
http://www.openstreetbrowser.org/rel_1370728
икста если посмотреть на здания через дорогу в лево. там они все с планами внутри зданий.
var mapnik = new L.TileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {maxZoom: 18, attribution: "Map data © <a href='http://osm.org'>OpenStreetMap</a> contributors"});
map.addLayer(mapnik);
Напишите как сделаете.
после “наваяний” страничка выдает это: var mapnik = new L.TileLayer(‘http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png’, {maxZoom: 18, attribution: “Map data © OpenStreetMap contributors”}); map.addLayer(mapnik);
Дак киньте ссылку, я скажу чего куда поправить. Сейчас оно скорее всего не обернуто в тэг и интерпретируется как текст.
обернул - ничего не показывает…
Уже лучше Открывай в фаерфоксе, смотри ошибки яваскрипта. Если нету значит, надо проверить что див нормально отображается на всю страницу.
Вроде это…
Дайте всетаки ссылочку на страничку, неудобно по почте дебажить.
пока внутри сетки…
<html>
<head>
<title>OpenGeo Suite Dashboard</title>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.4.5/leaflet.css" />
<!--[if lte IE 8]>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.4.5/leaflet.ie.css" />
<![endif]-->
</head>
<body>
<script src="http://cdn.leafletjs.com/leaflet-0.4.5/leaflet.js"></script>
<style>
body, html {
padding: 0;
margin: 0;
height: 100%;
}
</style>
<div id="map" style="width:100%; height:100%;">
<script>
var map = L.map('map').setView([51.505, -0.09], 13);
var mapnik = new L.TileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {maxZoom: 18, attribution: "Map data © <a href='http://osm.org'>OpenStreetMap</a> contributors"});
map.addLayer(mapnik);
</script>
<a href="http://opengeo.org" class="app-home-link" target="_blank"> </a>
</body>
</html>
лондон посередине)
Так, в общем что у тебя было не так:
-
script и div болтались внутри html а не body.
Скрипты можно добавлять внутрь body или внутрь haed а div и прочую разметку - в body. -
Ну со стайлом я сам напутал. В цсс width: 100%. Тобишь ключ: значение; следующий-ключ: значение.
Середина задается вот тут: .setView([51.505, -0.09], 13)
([Широта, долгота], зум) Широта и долгота тут в десятичных долях градуса, ее я тупо скопипастил из примера отсюда http://leafletjs.com/reference.html
Ладно погнали дальше. Качай и устанавливай http://maperitive.net/ Устанавливать можно на домашний комп, на серваке он не понадобиться. Единственное, что чем больше оперативки будет на машинке, тем проще маперетиву будет жить.
максимальный зум я так понял с одноименным названием, а как сделать чтобы только мой город показывал?
поставил(точнее распаковал)…вот с ОЗУ напряг 76% уже занято))
В смысле, чтобы не давал за определенные границы скроллить?
http://leafletjs.com/reference.html#map-setmaxbounds
Тобишь после setView(blah blah).setMaxBounds(bounds);
Создавать bounds вот так: http://leafletjs.com/reference.html#latlngbounds
Ну и те кто не сталкивался с программированием обычно забывают что прежде чем использовать переменную надо ее определить. Т.е. копипастить штуку где создается bounds (var bounds = blah blah blah) надо до того как будешь ее использовать. Т.е. до .setMaxBounds(bounds);
Но это в общем то нафиг не нужно, просто за пределами твоего города не будет поэтажных планов - вот и вся недолга.