Tancre research
After Width: | Height: | Size: 32 KiB |
After Width: | Height: | Size: 32 KiB |
After Width: | Height: | Size: 19 KiB |
After Width: | Height: | Size: 29 KiB |
After Width: | Height: | Size: 38 KiB |
After Width: | Height: | Size: 29 KiB |
After Width: | Height: | Size: 28 KiB |
After Width: | Height: | Size: 20 KiB |
After Width: | Height: | Size: 51 KiB |
After Width: | Height: | Size: 49 KiB |
After Width: | Height: | Size: 25 KiB |
After Width: | Height: | Size: 41 KiB |
After Width: | Height: | Size: 68 KiB |
After Width: | Height: | Size: 121 KiB |
After Width: | Height: | Size: 111 KiB |
@ -0,0 +1,391 @@
|
||||
//map settings
|
||||
var map = L.map('map', { crs: L.CRS.Simple });
|
||||
map.fitBounds( [[0,0], [1000,1000]] );
|
||||
map.setView( [0, 0], 0);
|
||||
|
||||
var hash = new L.Hash(map);
|
||||
|
||||
// var popup = L.popup();
|
||||
|
||||
// function onMapClick(e) {
|
||||
// popup
|
||||
// .setLatLng(e.latlng)
|
||||
// .setContent(e.latlng.toString())
|
||||
// .openOn(map);
|
||||
// }
|
||||
|
||||
// map.on('click', onMapClick);
|
||||
|
||||
//control size for each zoom's layer
|
||||
var ss = document.getElementsByClassName("subsub");
|
||||
var texts = document.getElementsByClassName("text");
|
||||
var fonts = document.getElementsByClassName("themes");
|
||||
var sfonts = document.getElementsByClassName("sthemes");
|
||||
var pdfs = document.getElementsByName("pdf")
|
||||
var videos = document.getElementsByName("yt");
|
||||
var vis = document.getElementsByName("vis");
|
||||
var visb = document.getElementsByName("visb");
|
||||
var xmap = document.getElementsByName("xpubmap");
|
||||
|
||||
function layer1() {
|
||||
for (var i = 0; i < texts.length; i++) { //text
|
||||
var element = texts[i];
|
||||
element.style.fontSize = "3px";
|
||||
}
|
||||
|
||||
for (var i = 0; i < fonts.length; i++) { //themes
|
||||
var element = fonts[i];
|
||||
element.style.fontSize = "5px";
|
||||
}
|
||||
|
||||
for (var i = 0; i < sfonts.length; i++) { //subthemes
|
||||
var element = sfonts[i];
|
||||
element.style.fontSize = "3px";
|
||||
}
|
||||
|
||||
for (var i = 0; i < ss.length; i++) { //subsub
|
||||
var element = ss[i];
|
||||
element.style.fontSize = "1px";
|
||||
}
|
||||
|
||||
for (var i = 0; i < videos.length; i++) { //videos
|
||||
var element = videos[i];
|
||||
element.width = "20";
|
||||
element.height = "15";
|
||||
}
|
||||
|
||||
for (var i = 0; i < pdfs.length; i++) { //pdfs
|
||||
var element = pdfs[i];
|
||||
element.width = "7";
|
||||
element.height = "9";
|
||||
}
|
||||
|
||||
for (var i = 0; i < vis.length; i++) { //pdfs
|
||||
var element = vis[i];
|
||||
element.width = "15";
|
||||
element.height = "11";
|
||||
}
|
||||
|
||||
for (var i = 0; i < visb.length; i++) { //pdfs
|
||||
var element = visb[i];
|
||||
element.width = "28";
|
||||
element.height = "20";
|
||||
}
|
||||
|
||||
for (var i = 0; i < xmap.length; i++) { //videos
|
||||
var element = xmap[i];
|
||||
element.width = "30";
|
||||
element.height = "25";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function layer2() {
|
||||
for (var i = 0; i < texts.length; i++) { //text
|
||||
var element = texts[i];
|
||||
element.style.fontSize = "5px";
|
||||
}
|
||||
|
||||
for (var i = 0; i < fonts.length; i++) { //themes
|
||||
var element = fonts[i];
|
||||
element.style.fontSize = "13px";
|
||||
}
|
||||
|
||||
for (var i = 0; i < sfonts.length; i++) { //subthemes
|
||||
var element = sfonts[i];
|
||||
element.style.fontSize = "6px";
|
||||
}
|
||||
|
||||
for (var i = 0; i < ss.length; i++) { //subsub
|
||||
var element = ss[i];
|
||||
element.style.fontSize = "2px";
|
||||
}
|
||||
|
||||
for (var i = 0; i < videos.length; i++) { //videos
|
||||
var element = videos[i];
|
||||
element.width = "40";
|
||||
element.height = "30";
|
||||
}
|
||||
|
||||
for (var i = 0; i < pdfs.length; i++) { //pdfs
|
||||
var element = pdfs[i];
|
||||
element.width = "10";
|
||||
element.height = "14";
|
||||
}
|
||||
|
||||
for (var i = 0; i < vis.length; i++) { //img small
|
||||
var element = vis[i];
|
||||
element.width = "28";
|
||||
element.height = "20";
|
||||
}
|
||||
|
||||
for (var i = 0; i < visb.length; i++) { //img big
|
||||
var element = visb[i];
|
||||
element.width = "56";
|
||||
element.height = "40";
|
||||
}
|
||||
|
||||
for (var i = 0; i < xmap.length; i++) { //maps
|
||||
var element = xmap[i];
|
||||
element.width = "60";
|
||||
element.height = "55";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function layer3() {
|
||||
for (var i = 0; i < texts.length; i++) { //text
|
||||
var element = texts[i];
|
||||
element.style.fontSize = "11px";
|
||||
}
|
||||
|
||||
for (var i = 0; i < fonts.length; i++) { //themes
|
||||
var element = fonts[i];
|
||||
element.style.fontSize = "20px";
|
||||
}
|
||||
|
||||
for (var i = 0; i < sfonts.length; i++) { //subthemes
|
||||
var element = sfonts[i];
|
||||
element.style.fontSize = "13px";
|
||||
}
|
||||
|
||||
for (var i = 0; i < ss.length; i++) { //subsub
|
||||
var element = ss[i];
|
||||
element.style.fontSize = "7px";
|
||||
}
|
||||
|
||||
for (var i = 0; i < videos.length; i++) { //videos
|
||||
var element = videos[i];
|
||||
element.width = "100";
|
||||
element.height = "80";
|
||||
}
|
||||
|
||||
for (var i = 0; i < pdfs.length; i++) { //pdfs
|
||||
var element = pdfs[i];
|
||||
element.width = "20";
|
||||
element.height = "24";
|
||||
}
|
||||
for (var i = 0; i < vis.length; i++) { //img 1
|
||||
var element = vis[i];
|
||||
element.width = "56";
|
||||
element.height = "40";
|
||||
}
|
||||
for (var i = 0; i < visb.length; i++) { //img 2
|
||||
var element = visb[i];
|
||||
element.width = "111";
|
||||
element.height = "82";
|
||||
}
|
||||
|
||||
for (var i = 0; i < xmap.length; i++) { //map
|
||||
var element = xmap[i];
|
||||
element.width = "150";
|
||||
element.height = "140";
|
||||
}
|
||||
}
|
||||
|
||||
function layer4() {
|
||||
for (var i = 0; i < texts.length; i++) { //text
|
||||
var element = texts[i];
|
||||
element.style.fontSize = "17px";
|
||||
}
|
||||
|
||||
for (var i = 0; i < fonts.length; i++) { //themes
|
||||
var element = fonts[i];
|
||||
element.style.fontSize = "30px";
|
||||
}
|
||||
|
||||
for (var i = 0; i < sfonts.length; i++) { //subthemes
|
||||
var element = sfonts[i];
|
||||
element.style.fontSize = "16px";
|
||||
}
|
||||
|
||||
for (var i = 0; i < ss.length; i++) { //subsub
|
||||
var element = ss[i];
|
||||
element.style.fontSize = "8px";
|
||||
}
|
||||
|
||||
|
||||
for (var i = 0; i < videos.length; i++) { //videos
|
||||
var element = videos[i];
|
||||
element.width = "210";
|
||||
element.height = "160";
|
||||
}
|
||||
for (var i = 0; i < pdfs.length; i++) { //pdfs
|
||||
var element = pdfs[i];
|
||||
element.width = "40";
|
||||
element.height = "50";
|
||||
}
|
||||
for (var i = 0; i < vis.length; i++) { //img 1
|
||||
var element = vis[i];
|
||||
element.width = "111";
|
||||
element.height = "82";
|
||||
}
|
||||
for (var i = 0; i < visb.length; i++) { //img 2
|
||||
var element = visb[i];
|
||||
element.width = "297";
|
||||
element.height = "210";
|
||||
}
|
||||
|
||||
for (var i = 0; i < xmap.length; i++) { //map
|
||||
var element = xmap[i];
|
||||
element.width = "250";
|
||||
element.height = "240";
|
||||
}
|
||||
}
|
||||
function layer5() {
|
||||
for (var i = 0; i < fonts.length; i++) { //themes
|
||||
var element = fonts[i];
|
||||
element.style.fontSize = "25px";
|
||||
}
|
||||
|
||||
for (var i = 0; i < sfonts.length; i++) { //subthemes
|
||||
var element = sfonts[i];
|
||||
element.style.fontSize = "25px";
|
||||
}
|
||||
|
||||
for (var i = 0; i < ss.length; i++) { //subsub
|
||||
var element = ss[i];
|
||||
element.style.fontSize = "15px";
|
||||
}
|
||||
|
||||
for (var i = 0; i < videos.length; i++) { //videos
|
||||
var element = videos[i];
|
||||
element.width = "360";
|
||||
element.height = "300";
|
||||
}
|
||||
for (var i = 0; i < pdfs.length; i++) { //pdfs
|
||||
var element = pdfs[i];
|
||||
element.width = "58";
|
||||
element.height = "70";
|
||||
}
|
||||
for (var i = 0; i < vis.length; i++) { //img 1
|
||||
var element = vis[i];
|
||||
element.width = "297";
|
||||
element.height = "210";
|
||||
}
|
||||
|
||||
for (var i = 0; i < visb.length; i++) { //img 2
|
||||
var element = visb[i];
|
||||
element.width = "600";
|
||||
element.height = "424";
|
||||
}
|
||||
|
||||
for (var i = 0; i < xmap.length; i++) { //map
|
||||
var element = xmap[i];
|
||||
element.width = "600";
|
||||
element.height = "590";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function layer6() {
|
||||
for (var i = 0; i < texts.length; i++) { //text
|
||||
var element = texts[i];
|
||||
element.style.fontSize = "35px";
|
||||
}
|
||||
|
||||
for (var i = 0; i < fonts.length; i++) { //themes
|
||||
var element = fonts[i];
|
||||
element.style.fontSize = "90px";
|
||||
}
|
||||
|
||||
for (var i = 0; i < sfonts.length; i++) { //subthemes
|
||||
var element = sfonts[i];
|
||||
element.style.fontSize = "45px";
|
||||
}
|
||||
|
||||
for (var i = 0; i < ss.length; i++) { //subsub
|
||||
var element = ss[i];
|
||||
element.style.fontSize = "20px";
|
||||
}
|
||||
for (var i = 0; i < videos.length; i++) { //videos
|
||||
var element = videos[i];
|
||||
element.width = "460";
|
||||
element.height = "400";
|
||||
}
|
||||
for (var i = 0; i < pdfs.length; i++) { //pdfs
|
||||
var element = pdfs[i];
|
||||
element.width = "76";
|
||||
element.height = "90";
|
||||
}
|
||||
for (var i = 0; i < vis.length; i++) { //img 1
|
||||
var element = vis[i];
|
||||
element.width = "600";
|
||||
element.height = "424";
|
||||
}
|
||||
|
||||
for (var i = 0; i < visb.length; i++) { //img 2
|
||||
var element = visb[i];
|
||||
element.width = "1131";
|
||||
element.height = "800";
|
||||
}
|
||||
|
||||
for (var i = 0; i < xmap.length; i++) { //map
|
||||
var element = xmap[i];
|
||||
element.width = "1100";
|
||||
element.height = "1000";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function layer7() {
|
||||
for (var i = 0; i < texts.length; i++) { //text
|
||||
var element = texts[i];
|
||||
element.style.fontSize = "45px";
|
||||
}
|
||||
|
||||
for (var i = 0; i < fonts.length; i++) { //themes
|
||||
var element = fonts[i];
|
||||
element.style.fontSize = "90px";
|
||||
}
|
||||
|
||||
for (var i = 0; i < sfonts.length; i++) { //subthemes
|
||||
var element = sfonts[i];
|
||||
element.style.fontSize = "45px";
|
||||
}
|
||||
|
||||
for (var i = 0; i < ss.length; i++) { //subsub
|
||||
var element = ss[i];
|
||||
element.style.fontSize = "30px";
|
||||
}
|
||||
|
||||
for (var i = 0; i < videos.length; i++) { //videos
|
||||
var element = videos[i];
|
||||
element.width = "700";
|
||||
element.height = "600";
|
||||
}
|
||||
for (var i = 0; i < pdfs.length; i++) { //pdfs
|
||||
var element = pdfs[i];
|
||||
element.width = "76";
|
||||
element.height = "90";
|
||||
}
|
||||
for (var i = 0; i < vis.length; i++) { //img 1
|
||||
var element = vis[i];
|
||||
element.width = "1131";
|
||||
element.height = "800";
|
||||
}
|
||||
|
||||
for (var i = 0; i < visb.length; i++) { //img 2
|
||||
var element = visb[i];
|
||||
element.width = "1400";
|
||||
element.height = "990";
|
||||
}
|
||||
}
|
||||
|
||||
map.on('zoomend', function(ev){
|
||||
if (map.getZoom() == 0) {
|
||||
layer1();
|
||||
} else if (map.getZoom() == 1) {
|
||||
layer2();
|
||||
} else if (map.getZoom() == 2) {
|
||||
layer3();
|
||||
} else if (map.getZoom() == 3) {
|
||||
layer4();
|
||||
} else if (map.getZoom() == 4){
|
||||
layer5();
|
||||
} else if (map.getZoom() == 5){
|
||||
layer6();
|
||||
} else {
|
||||
layer7();
|
||||
}
|
||||
});
|
@ -0,0 +1,7 @@
|
||||
Copyright (c) 2013 Michael Lawrence Evans
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
@ -0,0 +1,41 @@
|
||||
# Leaflet-hash
|
||||
|
||||
Leaflet-hash lets you to add dynamic URL hashes to web pages with Leaflet maps. You can easily
|
||||
link users to specific map views.
|
||||
|
||||
![Leaflet-hash](https://github.com/mlevans/leaflet-hash/raw/master/screenshots/screenshot.png)
|
||||
|
||||
### Demo
|
||||
You can view a demo of leaflet-hash at [mlevans.github.io/leaflet-hash/map.html](http://mlevans.github.io/leaflet-hash/map.html).
|
||||
|
||||
### Getting started
|
||||
|
||||
1. Prepare a basic leaflet map. You can find instructions on [Leaflet's quick-start guide](http://leaflet.cloudmade.com/examples/quick-start.html).
|
||||
|
||||
2. Include [leaflet-hash.js](https://github.com/mlevans/leaflet-hash/blob/master/leaflet-hash.js).
|
||||
|
||||
3. Once you have initialized the map (an instance of [L.Map](http://leaflet.cloudmade.com/reference.html#map-usage)), add the following code:
|
||||
|
||||
```javascript
|
||||
// Assuming your map instance is in a variable called map
|
||||
var hash = new L.Hash(map);
|
||||
```
|
||||
|
||||
### Author
|
||||
[@mlevans](http://github.com/mlevans)
|
||||
|
||||
### Contributors
|
||||
[@calvinmetcalf](http://github.com/calvinmetcalf)
|
||||
|
||||
[@jfirebaugh](http://github.com/jfirebaugh)
|
||||
|
||||
[@rsudekum](http://github.com/rsudekum)
|
||||
|
||||
[@tmcw](http://github.com/tmcw)
|
||||
|
||||
[@yohanboniface](http://github.com/yohanboniface)
|
||||
|
||||
|
||||
### License
|
||||
|
||||
MIT License. See [LICENSE](https://github.com/mlevans/leaflet-hash/blob/master/LICENSE.md) for details.
|
@ -0,0 +1,162 @@
|
||||
(function(window) {
|
||||
var HAS_HASHCHANGE = (function() {
|
||||
var doc_mode = window.documentMode;
|
||||
return ('onhashchange' in window) &&
|
||||
(doc_mode === undefined || doc_mode > 7);
|
||||
})();
|
||||
|
||||
L.Hash = function(map) {
|
||||
this.onHashChange = L.Util.bind(this.onHashChange, this);
|
||||
|
||||
if (map) {
|
||||
this.init(map);
|
||||
}
|
||||
};
|
||||
|
||||
L.Hash.parseHash = function(hash) {
|
||||
if(hash.indexOf('#') === 0) {
|
||||
hash = hash.substr(1);
|
||||
}
|
||||
var args = hash.split("/");
|
||||
if (args.length == 3) {
|
||||
var zoom = parseInt(args[0], 10),
|
||||
lat = parseFloat(args[1]),
|
||||
lon = parseFloat(args[2]);
|
||||
if (isNaN(zoom) || isNaN(lat) || isNaN(lon)) {
|
||||
return false;
|
||||
} else {
|
||||
return {
|
||||
center: new L.LatLng(lat, lon),
|
||||
zoom: zoom
|
||||
};
|
||||
}
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
};
|
||||
|
||||
L.Hash.formatHash = function(map) {
|
||||
var center = map.getCenter(),
|
||||
zoom = map.getZoom(),
|
||||
precision = Math.max(0, Math.ceil(Math.log(zoom) / Math.LN2));
|
||||
|
||||
return "#" + [zoom,
|
||||
center.lat.toFixed(precision),
|
||||
center.lng.toFixed(precision)
|
||||
].join("/");
|
||||
},
|
||||
|
||||
L.Hash.prototype = {
|
||||
map: null,
|
||||
lastHash: null,
|
||||
|
||||
parseHash: L.Hash.parseHash,
|
||||
formatHash: L.Hash.formatHash,
|
||||
|
||||
init: function(map) {
|
||||
this.map = map;
|
||||
|
||||
// reset the hash
|
||||
this.lastHash = null;
|
||||
this.onHashChange();
|
||||
|
||||
if (!this.isListening) {
|
||||
this.startListening();
|
||||
}
|
||||
},
|
||||
|
||||
removeFrom: function(map) {
|
||||
if (this.changeTimeout) {
|
||||
clearTimeout(this.changeTimeout);
|
||||
}
|
||||
|
||||
if (this.isListening) {
|
||||
this.stopListening();
|
||||
}
|
||||
|
||||
this.map = null;
|
||||
},
|
||||
|
||||
onMapMove: function() {
|
||||
// bail if we're moving the map (updating from a hash),
|
||||
// or if the map is not yet loaded
|
||||
|
||||
if (this.movingMap || !this.map._loaded) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var hash = this.formatHash(this.map);
|
||||
if (this.lastHash != hash) {
|
||||
location.replace(hash);
|
||||
this.lastHash = hash;
|
||||
}
|
||||
},
|
||||
|
||||
movingMap: false,
|
||||
update: function() {
|
||||
var hash = location.hash;
|
||||
if (hash === this.lastHash) {
|
||||
return;
|
||||
}
|
||||
var parsed = this.parseHash(hash);
|
||||
if (parsed) {
|
||||
this.movingMap = true;
|
||||
|
||||
this.map.setView(parsed.center, parsed.zoom);
|
||||
|
||||
this.movingMap = false;
|
||||
} else {
|
||||
this.onMapMove(this.map);
|
||||
}
|
||||
},
|
||||
|
||||
// defer hash change updates every 100ms
|
||||
changeDefer: 100,
|
||||
changeTimeout: null,
|
||||
onHashChange: function() {
|
||||
// throttle calls to update() so that they only happen every
|
||||
// `changeDefer` ms
|
||||
if (!this.changeTimeout) {
|
||||
var that = this;
|
||||
this.changeTimeout = setTimeout(function() {
|
||||
that.update();
|
||||
that.changeTimeout = null;
|
||||
}, this.changeDefer);
|
||||
}
|
||||
},
|
||||
|
||||
isListening: false,
|
||||
hashChangeInterval: null,
|
||||
startListening: function() {
|
||||
this.map.on("moveend", this.onMapMove, this);
|
||||
|
||||
if (HAS_HASHCHANGE) {
|
||||
L.DomEvent.addListener(window, "hashchange", this.onHashChange);
|
||||
} else {
|
||||
clearInterval(this.hashChangeInterval);
|
||||
this.hashChangeInterval = setInterval(this.onHashChange, 50);
|
||||
}
|
||||
this.isListening = true;
|
||||
},
|
||||
|
||||
stopListening: function() {
|
||||
this.map.off("moveend", this.onMapMove, this);
|
||||
|
||||
if (HAS_HASHCHANGE) {
|
||||
L.DomEvent.removeListener(window, "hashchange", this.onHashChange);
|
||||
} else {
|
||||
clearInterval(this.hashChangeInterval);
|
||||
}
|
||||
this.isListening = false;
|
||||
}
|
||||
};
|
||||
L.hash = function(map) {
|
||||
return new L.Hash(map);
|
||||
};
|
||||
L.Map.prototype.addHash = function() {
|
||||
this._hash = L.hash(this);
|
||||
};
|
||||
L.Map.prototype.removeHash = function() {
|
||||
this._hash.removeFrom();
|
||||
};
|
||||
})(window);
|
@ -0,0 +1,20 @@
|
||||
{
|
||||
"author": "Michael Lawrence Evans",
|
||||
"name": "leaflet-hash",
|
||||
"description": "linkable location hashes for leaflet",
|
||||
"version": "0.2.1",
|
||||
"homepage": "https://github.com/mlevans/leaflet-hash",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/mlevans/leaflet-hash.git"
|
||||
},
|
||||
"devDependencies": {
|
||||
"mocha": "~1.8",
|
||||
"expect.js": "~0.2.0"
|
||||
},
|
||||
"main": "leaflet-hash.js",
|
||||
"optionalDependencies": {},
|
||||
"engines": {
|
||||
"node": "*"
|
||||
}
|
||||
}
|
After Width: | Height: | Size: 465 KiB |
@ -0,0 +1,24 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Mocha Tests</title>
|
||||
<link rel="stylesheet" href="../node_modules/mocha/mocha.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="mocha"></div>
|
||||
<script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
|
||||
<script src="../node_modules/expect.js/expect.js"></script>
|
||||
<script src="../node_modules/mocha/mocha.js"></script>
|
||||
|
||||
<script src="../lib/leaflet-src.js"></script>
|
||||
<script src="../leaflet-hash.js"></script>
|
||||
|
||||
<script>mocha.setup('bdd')</script>
|
||||
|
||||
<script src="spec/hash.js"></script>
|
||||
|
||||
<script>
|
||||
mocha.run();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,68 @@
|
||||
describe("L.Hash", function() {
|
||||
|
||||
var map;
|
||||
|
||||
mocha.ignoreLeaks();
|
||||
|
||||
beforeEach(function() {
|
||||
map = new L.Map(document.createElement('div'));
|
||||
});
|
||||
|
||||
it('sets a hash when the map is moved', function() {
|
||||
var hash = L.hash(map);
|
||||
map.setView([51.505, -0.09], 13);
|
||||
expect(location.hash).to.be('#13/51.5050/-0.0900');
|
||||
});
|
||||
|
||||
it('uses a hash set initially on the page', function(done) {
|
||||
location.hash = '#13/10/40';
|
||||
var hash = L.hash(map);
|
||||
window.setTimeout(function() {
|
||||
expect(Math.round(map.getCenter().lat)).to.be(10);
|
||||
expect(Math.round(map.getCenter().lng)).to.be(40);
|
||||
done();
|
||||
}, 200);
|
||||
});
|
||||
|
||||
it('responds to a hash change after an initial hash is set', function(done) {
|
||||
map.setView([51.505, -0.09], 13);
|
||||
location.hash = '#13/20/40';
|
||||
var hash = L.hash(map);
|
||||
window.setTimeout(function() {
|
||||
expect(Math.round(map.getCenter().lat)).to.be(20);
|
||||
expect(Math.round(map.getCenter().lng)).to.be(40);
|
||||
done();
|
||||
}, 200);
|
||||
});
|
||||
|
||||
it('does not acknowledge a junk hash', function(done) {
|
||||
var hash = L.hash(map);
|
||||
map.setView([51, 2], 13);
|
||||
location.hash = '#foo';
|
||||
window.setTimeout(function() {
|
||||
expect(Math.round(map.getCenter().lat)).to.eql(51);
|
||||
expect(Math.round(map.getCenter().lng)).to.eql(2);
|
||||
done();
|
||||
}, 200);
|
||||
});
|
||||
|
||||
it('unbinds events when removed', function() {
|
||||
location.hash = '';
|
||||
var hash = L.hash(map);
|
||||
map.removeControl(hash);
|
||||
map.setView([51.505, -0.09], 13);
|
||||
expect(location.hash).to.be('');
|
||||
});
|
||||
|
||||
it('parses a hash', function() {
|
||||
var parsed = L.Hash.parseHash('#13/20/40');
|
||||
expect(parsed.zoom).to.be(13);
|
||||
expect(parsed.center).to.be.a(L.LatLng);
|
||||
expect(parsed.center).to.eql({lat: 20, lng: 40});
|
||||
});
|
||||
|
||||
it('formats a hash', function() {
|
||||
map.setView([51, 2], 13);
|
||||
expect(L.Hash.formatHash(map)).to.be('#13/51.0000/2.0000');
|
||||
});
|
||||
});
|
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 696 B |
After Width: | Height: | Size: 2.4 KiB |
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 618 B |
@ -0,0 +1,635 @@
|
||||
/* required styles */
|
||||
|
||||
.leaflet-pane,
|
||||
.leaflet-tile,
|
||||
.leaflet-marker-icon,
|
||||
.leaflet-marker-shadow,
|
||||
.leaflet-tile-container,
|
||||
.leaflet-pane > svg,
|
||||
.leaflet-pane > canvas,
|
||||
.leaflet-zoom-box,
|
||||
.leaflet-image-layer,
|
||||
.leaflet-layer {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.leaflet-container {
|
||||
overflow: hidden;
|
||||
}
|
||||
.leaflet-tile,
|
||||
.leaflet-marker-icon,
|
||||
.leaflet-marker-shadow {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-user-drag: none;
|
||||
}
|
||||
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
|
||||
.leaflet-safari .leaflet-tile {
|
||||
image-rendering: -webkit-optimize-contrast;
|
||||
}
|
||||
/* hack that prevents hw layers "stretching" when loading new tiles */
|
||||
.leaflet-safari .leaflet-tile-container {
|
||||
width: 1600px;
|
||||
height: 1600px;
|
||||
-webkit-transform-origin: 0 0;
|
||||
}
|
||||
.leaflet-marker-icon,
|
||||
.leaflet-marker-shadow {
|
||||
display: block;
|
||||
}
|
||||
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
|
||||
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
|
||||
.leaflet-container .leaflet-overlay-pane svg,
|
||||
.leaflet-container .leaflet-marker-pane img,
|
||||
.leaflet-container .leaflet-shadow-pane img,
|
||||
.leaflet-container .leaflet-tile-pane img,
|
||||
.leaflet-container img.leaflet-image-layer,
|
||||
.leaflet-container .leaflet-tile {
|
||||
max-width: none !important;
|
||||
max-height: none !important;
|
||||
}
|
||||
|
||||
.leaflet-container.leaflet-touch-zoom {
|
||||
-ms-touch-action: pan-x pan-y;
|
||||
touch-action: pan-x pan-y;
|
||||
}
|
||||
.leaflet-container.leaflet-touch-drag {
|
||||
-ms-touch-action: pinch-zoom;
|
||||
/* Fallback for FF which doesn't support pinch-zoom */
|
||||
touch-action: none;
|
||||
touch-action: pinch-zoom;
|
||||
}
|
||||
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
}
|
||||
.leaflet-container {
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
.leaflet-container a {
|
||||
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
|
||||
}
|
||||
.leaflet-tile {
|
||||
filter: inherit;
|
||||
visibility: hidden;
|
||||
}
|
||||
.leaflet-tile-loaded {
|
||||
visibility: inherit;
|
||||
}
|
||||
.leaflet-zoom-box {
|
||||
width: 0;
|
||||
height: 0;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
z-index: 800;
|
||||
}
|
||||
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
|
||||
.leaflet-overlay-pane svg {
|
||||
-moz-user-select: none;
|
||||
}
|
||||
|
||||
.leaflet-pane { z-index: 400; }
|
||||
|
||||
.leaflet-tile-pane { z-index: 200; }
|
||||
.leaflet-overlay-pane { z-index: 400; }
|
||||
.leaflet-shadow-pane { z-index: 500; }
|
||||
.leaflet-marker-pane { z-index: 600; }
|
||||
.leaflet-tooltip-pane { z-index: 650; }
|
||||
.leaflet-popup-pane { z-index: 700; }
|
||||
|
||||
.leaflet-map-pane canvas { z-index: 100; }
|
||||
.leaflet-map-pane svg { z-index: 200; }
|
||||
|
||||
.leaflet-vml-shape {
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
}
|
||||
.lvml {
|
||||
behavior: url(#default#VML);
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
|
||||
/* control positioning */
|
||||
|
||||
.leaflet-control {
|
||||
position: relative;
|
||||
z-index: 800;
|
||||
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
|
||||
pointer-events: auto;
|
||||
}
|
||||
.leaflet-top,
|
||||
.leaflet-bottom {
|
||||
position: absolute;
|
||||
z-index: 1000;
|
||||
pointer-events: none;
|
||||
}
|
||||
.leaflet-top {
|
||||
top: 0;
|
||||
}
|
||||
.leaflet-right {
|
||||
right: 0;
|
||||
}
|
||||
.leaflet-bottom {
|
||||
bottom: 0;
|
||||
}
|
||||
.leaflet-left {
|
||||
left: 0;
|
||||
}
|
||||
.leaflet-control {
|
||||
float: left;
|
||||
clear: both;
|
||||
}
|
||||
.leaflet-right .leaflet-control {
|
||||
float: right;
|
||||
}
|
||||
.leaflet-top .leaflet-control {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.leaflet-bottom .leaflet-control {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.leaflet-left .leaflet-control {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.leaflet-right .leaflet-control {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
|
||||
/* zoom and fade animations */
|
||||
|
||||
.leaflet-fade-anim .leaflet-tile {
|
||||
will-change: opacity;
|
||||
}
|
||||
.leaflet-fade-anim .leaflet-popup {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.2s linear;
|
||||
-moz-transition: opacity 0.2s linear;
|
||||
transition: opacity 0.2s linear;
|
||||
}
|
||||
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
|
||||
opacity: 1;
|
||||
}
|
||||
.leaflet-zoom-animated {
|
||||
-webkit-transform-origin: 0 0;
|
||||
-ms-transform-origin: 0 0;
|
||||
transform-origin: 0 0;
|
||||
}
|
||||
.leaflet-zoom-anim .leaflet-zoom-animated {
|
||||
will-change: transform;
|
||||
}
|
||||
.leaflet-zoom-anim .leaflet-zoom-animated {
|
||||
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
|
||||
-moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
|
||||
transition: transform 0.25s cubic-bezier(0,0,0.25,1);
|
||||
}
|
||||
.leaflet-zoom-anim .leaflet-tile,
|
||||
.leaflet-pan-anim .leaflet-tile {
|
||||
-webkit-transition: none;
|
||||
-moz-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
.leaflet-zoom-anim .leaflet-zoom-hide {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
|
||||
/* cursors */
|
||||
|
||||
.leaflet-interactive {
|
||||
cursor: pointer;
|
||||
}
|
||||
.leaflet-grab {
|
||||
cursor: -webkit-grab;
|
||||
cursor: -moz-grab;
|
||||
cursor: grab;
|
||||
}
|
||||
.leaflet-crosshair,
|
||||
.leaflet-crosshair .leaflet-interactive {
|
||||
cursor: crosshair;
|
||||
}
|
||||
.leaflet-popup-pane,
|
||||
.leaflet-control {
|
||||
cursor: auto;
|
||||
}
|
||||
.leaflet-dragging .leaflet-grab,
|
||||
.leaflet-dragging .leaflet-grab .leaflet-interactive,
|
||||
.leaflet-dragging .leaflet-marker-draggable {
|
||||
cursor: move;
|
||||
cursor: -webkit-grabbing;
|
||||
cursor: -moz-grabbing;
|
||||
cursor: grabbing;
|
||||
}
|
||||
|
||||
/* marker & overlays interactivity */
|
||||
.leaflet-marker-icon,
|
||||
.leaflet-marker-shadow,
|
||||
.leaflet-image-layer,
|
||||
.leaflet-pane > svg path,
|
||||
.leaflet-tile-container {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.leaflet-marker-icon.leaflet-interactive,
|
||||
.leaflet-image-layer.leaflet-interactive,
|
||||
.leaflet-pane > svg path.leaflet-interactive {
|
||||
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
/* visual tweaks */
|
||||
|
||||
.leaflet-container {
|
||||
background: #ddd;
|
||||
outline: 0;
|
||||
}
|
||||
.leaflet-container a {
|
||||
color: #0078A8;
|
||||
}
|
||||
.leaflet-container a.leaflet-active {
|
||||
outline: 2px solid orange;
|
||||
}
|
||||
.leaflet-zoom-box {
|
||||
border: 2px dotted #38f;
|
||||
background: rgba(255,255,255,0.5);
|
||||
}
|
||||
|
||||
|
||||
/* general typography */
|
||||
.leaflet-container {
|
||||
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
|
||||
/* general toolbar styles */
|
||||
|
||||
.leaflet-bar {
|
||||
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
|
||||
border-radius: 4px;
|
||||
}
|
||||
.leaflet-bar a,
|
||||
.leaflet-bar a:hover {
|
||||
background-color: #fff;
|
||||
border-bottom: 1px solid #ccc;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
display: block;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
}
|
||||
.leaflet-bar a,
|
||||
.leaflet-control-layers-toggle {
|
||||
background-position: 50% 50%;
|
||||
background-repeat: no-repeat;
|
||||
display: block;
|
||||
}
|
||||
.leaflet-bar a:hover {
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
.leaflet-bar a:first-child {
|
||||
border-top-left-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
}
|
||||
.leaflet-bar a:last-child {
|
||||
border-bottom-left-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
border-bottom: none;
|
||||
}
|
||||
.leaflet-bar a.leaflet-disabled {
|
||||
cursor: default;
|
||||
background-color: #f4f4f4;
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
.leaflet-touch .leaflet-bar a {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.leaflet-touch .leaflet-bar a:first-child {
|
||||
border-top-left-radius: 2px;
|
||||
border-top-right-radius: 2px;
|
||||
}
|
||||
.leaflet-touch .leaflet-bar a:last-child {
|
||||
border-bottom-left-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
}
|
||||
|
||||
/* zoom control */
|
||||
|
||||
.leaflet-control-zoom-in,
|
||||
.leaflet-control-zoom-out {
|
||||
font: bold 18px 'Lucida Console', Monaco, monospace;
|
||||
text-indent: 1px;
|
||||
}
|
||||
|
||||
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
|
||||
/* layers control */
|
||||
|
||||
.leaflet-control-layers {
|
||||
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
|
||||
background: #fff;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.leaflet-control-layers-toggle {
|
||||
background-image: url(images/layers.png);
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
}
|
||||
.leaflet-retina .leaflet-control-layers-toggle {
|
||||
background-image: url(images/layers-2x.png);
|
||||
background-size: 26px 26px;
|
||||
}
|
||||
.leaflet-touch .leaflet-control-layers-toggle {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
}
|
||||
.leaflet-control-layers .leaflet-control-layers-list,
|
||||
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
|
||||
display: none;
|
||||
}
|
||||
.leaflet-control-layers-expanded .leaflet-control-layers-list {
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
.leaflet-control-layers-expanded {
|
||||
padding: 6px 10px 6px 6px;
|
||||
color: #333;
|
||||
background: #fff;
|
||||
}
|
||||
.leaflet-control-layers-scrollbar {
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
padding-right: 5px;
|
||||
}
|
||||
.leaflet-control-layers-selector {
|
||||
margin-top: 2px;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
.leaflet-control-layers label {
|
||||
display: block;
|
||||
}
|
||||
.leaflet-control-layers-separator {
|
||||
height: 0;
|
||||
border-top: 1px solid #ddd;
|
||||
margin: 5px -10px 5px -6px;
|
||||
}
|
||||
|
||||
/* Default icon URLs */
|
||||
.leaflet-default-icon-path {
|
||||
background-image: url(images/marker-icon.png);
|
||||
}
|
||||
|
||||
|
||||
/* attribution and scale controls */
|
||||
|
||||
.leaflet-container .leaflet-control-attribution {
|
||||
background: #fff;
|
||||
background: rgba(255, 255, 255, 0.7);
|
||||
margin: 0;
|
||||
}
|
||||
.leaflet-control-attribution,
|
||||
.leaflet-control-scale-line {
|
||||
padding: 0 5px;
|
||||
color: #333;
|
||||
}
|
||||
.leaflet-control-attribution a {
|
||||
text-decoration: none;
|
||||
}
|
||||
.leaflet-control-attribution a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.leaflet-container .leaflet-control-attribution,
|
||||
.leaflet-container .leaflet-control-scale {
|
||||
font-size: 11px;
|
||||
}
|
||||
.leaflet-left .leaflet-control-scale {
|
||||
margin-left: 5px;
|
||||
}
|
||||
.leaflet-bottom .leaflet-control-scale {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.leaflet-control-scale-line {
|
||||
border: 2px solid #777;
|
||||
border-top: none;
|
||||
line-height: 1.1;
|
||||
padding: 2px 5px 1px;
|
||||
font-size: 11px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
||||
background: #fff;
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
.leaflet-control-scale-line:not(:first-child) {
|
||||
border-top: 2px solid #777;
|
||||
border-bottom: none;
|
||||
margin-top: -2px;
|
||||
}
|
||||
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
|
||||
border-bottom: 2px solid #777;
|
||||
}
|
||||
|
||||
.leaflet-touch .leaflet-control-attribution,
|
||||
.leaflet-touch .leaflet-control-layers,
|
||||
.leaflet-touch .leaflet-bar {
|
||||
box-shadow: none;
|
||||
}
|
||||
.leaflet-touch .leaflet-control-layers,
|
||||
.leaflet-touch .leaflet-bar {
|
||||
border: 2px solid rgba(0,0,0,0.2);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
|
||||
/* popup */
|
||||
|
||||
.leaflet-popup {
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.leaflet-popup-content-wrapper {
|
||||
padding: 1px;
|
||||
text-align: left;
|
||||
border-radius: 12px;
|
||||
}
|
||||
.leaflet-popup-content {
|
||||
margin: 13px 19px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
.leaflet-popup-content p {
|
||||
margin: 18px 0;
|
||||
}
|
||||
.leaflet-popup-tip-container {
|
||||
width: 40px;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -20px;
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
}
|
||||
.leaflet-popup-tip {
|
||||
width: 17px;
|
||||
height: 17px;
|
||||
padding: 1px;
|
||||
|
||||
margin: -10px auto 0;
|
||||
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
.leaflet-popup-content-wrapper,
|
||||
.leaflet-popup-tip {
|
||||
background: white;
|
||||
color: #333;
|
||||
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
|
||||
}
|
||||
.leaflet-container a.leaflet-popup-close-button {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
padding: 4px 4px 0 0;
|
||||
border: none;
|
||||
text-align: center;
|
||||
width: 18px;
|
||||
height: 14px;
|
||||
font: 16px/14px Tahoma, Verdana, sans-serif;
|
||||
color: #c3c3c3;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
background: transparent;
|
||||
}
|
||||
.leaflet-container a.leaflet-popup-close-button:hover {
|
||||
color: #999;
|
||||
}
|
||||
.leaflet-popup-scrolled {
|
||||
overflow: auto;
|
||||
border-bottom: 1px solid #ddd;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.leaflet-oldie .leaflet-popup-content-wrapper {
|
||||
zoom: 1;
|
||||
}
|
||||
.leaflet-oldie .leaflet-popup-tip {
|
||||
width: 24px;
|
||||
margin: 0 auto;
|
||||
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
|
||||
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
|
||||
}
|
||||
.leaflet-oldie .leaflet-popup-tip-container {
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
.leaflet-oldie .leaflet-control-zoom,
|
||||
.leaflet-oldie .leaflet-control-layers,
|
||||
.leaflet-oldie .leaflet-popup-content-wrapper,
|
||||
.leaflet-oldie .leaflet-popup-tip {
|
||||
border: 1px solid #999;
|
||||
}
|
||||
|
||||
|
||||
/* div icon */
|
||||
|
||||
.leaflet-div-icon {
|
||||
background: #fff;
|
||||
border: 1px solid #666;
|
||||
}
|
||||
|
||||
|
||||
/* Tooltip */
|
||||
/* Base styles for the element that has a tooltip */
|
||||
.leaflet-tooltip {
|
||||
position: absolute;
|
||||
padding: 6px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #fff;
|
||||
border-radius: 3px;
|
||||
color: #222;
|
||||
white-space: nowrap;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
pointer-events: none;
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
|
||||
}
|
||||
.leaflet-tooltip.leaflet-clickable {
|
||||
cursor: pointer;
|
||||
pointer-events: auto;
|
||||
}
|
||||
.leaflet-tooltip-top:before,
|
||||
.leaflet-tooltip-bottom:before,
|
||||
.leaflet-tooltip-left:before,
|
||||
.leaflet-tooltip-right:before {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
border: 6px solid transparent;
|
||||
background: transparent;
|
||||
content: "";
|
||||
}
|
||||
|
||||
/* Directions */
|
||||
|
||||
.leaflet-tooltip-bottom {
|
||||
margin-top: 6px;
|
||||
}
|
||||
.leaflet-tooltip-top {
|
||||
margin-top: -6px;
|
||||
}
|
||||
.leaflet-tooltip-bottom:before,
|
||||
.leaflet-tooltip-top:before {
|
||||
left: 50%;
|
||||
margin-left: -6px;
|
||||
}
|
||||
.leaflet-tooltip-top:before {
|
||||
bottom: 0;
|
||||
margin-bottom: -12px;
|
||||
border-top-color: #fff;
|
||||
}
|
||||
.leaflet-tooltip-bottom:before {
|
||||
top: 0;
|
||||
margin-top: -12px;
|
||||
margin-left: -6px;
|
||||
border-bottom-color: #fff;
|
||||
}
|
||||
.leaflet-tooltip-left {
|
||||
margin-left: -6px;
|
||||
}
|
||||
.leaflet-tooltip-right {
|
||||
margin-left: 6px;
|
||||
}
|
||||
.leaflet-tooltip-left:before,
|
||||
.leaflet-tooltip-right:before {
|
||||
top: 50%;
|
||||
margin-top: -6px;
|
||||
}
|
||||
.leaflet-tooltip-left:before {
|
||||
right: 0;
|
||||
margin-right: -12px;
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.leaflet-tooltip-right:before {
|
||||
left: 0;
|
||||
margin-left: -12px;
|
||||
border-right-color: #fff;
|
||||
}
|
After Width: | Height: | Size: 1.1 KiB |
@ -0,0 +1,53 @@
|
||||
body {
|
||||
background-color: #000;
|
||||
font-family: "Lucida Console", Monaco, monospace !important;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
html, body, #map {
|
||||
height: 100vh;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div {font-family: "Lucida Console", Monaco, monospace !important;}
|
||||
|
||||
.text{
|
||||
color: white;
|
||||
font-size: 3px;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.themes{
|
||||
width: 0px;
|
||||
color: white;
|
||||
font-size: 7px;
|
||||
}
|
||||
|
||||
.sthemes{
|
||||
width: 150px;
|
||||
color: white;
|
||||
font-size: 3px;
|
||||
}
|
||||
|
||||
.subsub{
|
||||
color: white;
|
||||
font-size: 1px;
|
||||
}
|
||||
.leaflet-control-attribution{
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.myattr {
|
||||
box-shadow: none;
|
||||
font-size: 11px;
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
padding: 1px;
|
||||
margin: 0px 2px;
|
||||
color: rgb(44, 44, 44);
|
||||
}
|