Leaflet Locate Control
Добавлено: 25 фев 2015, 22:16
Добрый день уважаемые форумчане.
Прошу помощи разобраться в Листочке.
Проблема такая:
создал карту у себя на ноутбуке, хочу развивать, добавляю новый плагин(пока второй), а он не работает никак.
Плагин взят отсюда https://github.com/domoritz/leaflet-locatecontrol
скачиваю плагин
распаковываю в папку с лифлетом(из папки демо в папку dist копирую style.css и script.js)
и пишу код страницы следующим образом:
<html>
<head>
<meta charset=utf-8 />
<title>!!!FIRST!!</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<link rel="stylesheet" type="text/css" href="../dist/leaflet.css" />
<script type="text/javascript" src="../dist/leaflet.js"></script>
<script type="text/javascript" src="../dist/leafletembed.js"></script>
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
</style>
<link href="../dist/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="./dist/style.css" />
<link rel="stylesheet" href="../dist/L.Control.Locate.min.css" />
<!--[if lt IE 9]>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.ie.css" />
<link rel="stylesheet" href="../dist/L.Control.Locate.ie.min.css"/>
<![endif]-->
</head>
<body>
<div id="map"style="width: 100%; height: 100%"></div>
<script src="../dist/leaflet.js"></script>
<script>
var map = L.map('map').setView([59.99,30.43], 10);
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
var marker = L.marker([59.99,30.43]).addTo(map);
</script>
<script src="../dist/leaflet-src.js"></script>
<script src="../src/L.Control.Locate.js" ></script>
<script src="./dist/script.js"></script>
</body>
</html>
Вроде все должно работать, но даже кнопка не появляется
а из папки демо если запустить, то кнопка есть, но она не работает(ошибка JAVAscript)
Прошу помощи разобраться в Листочке.
Проблема такая:
создал карту у себя на ноутбуке, хочу развивать, добавляю новый плагин(пока второй), а он не работает никак.
Плагин взят отсюда https://github.com/domoritz/leaflet-locatecontrol
скачиваю плагин
распаковываю в папку с лифлетом(из папки демо в папку dist копирую style.css и script.js)
и пишу код страницы следующим образом:
<html>
<head>
<meta charset=utf-8 />
<title>!!!FIRST!!</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<link rel="stylesheet" type="text/css" href="../dist/leaflet.css" />
<script type="text/javascript" src="../dist/leaflet.js"></script>
<script type="text/javascript" src="../dist/leafletembed.js"></script>
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
</style>
<link href="../dist/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="./dist/style.css" />
<link rel="stylesheet" href="../dist/L.Control.Locate.min.css" />
<!--[if lt IE 9]>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.ie.css" />
<link rel="stylesheet" href="../dist/L.Control.Locate.ie.min.css"/>
<![endif]-->
</head>
<body>
<div id="map"style="width: 100%; height: 100%"></div>
<script src="../dist/leaflet.js"></script>
<script>
var map = L.map('map').setView([59.99,30.43], 10);
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
var marker = L.marker([59.99,30.43]).addTo(map);
</script>
<script src="../dist/leaflet-src.js"></script>
<script src="../src/L.Control.Locate.js" ></script>
<script src="./dist/script.js"></script>
</body>
</html>
Вроде все должно работать, но даже кнопка не появляется
а из папки демо если запустить, то кнопка есть, но она не работает(ошибка JAVAscript)
