-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
78 lines (76 loc) · 3.21 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE HTML>
<html>
<head>
<title>ArcGIS Map Enhancements</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<style>
.jumbotron {
margin-top: 15px;
position: relative;
}
.updated::after {
content: "Updated!!!";
color: #309C40;
background: #C6E1CB;
padding: 3px;
border-radius: 4px;
margin: 0 0 0 5px;
}
.new::after {
content: "NEW!!!";
color: #FF8000;
background: #FFD24C;
padding: 3px;
border-radius: 4px;
margin: 0 0 0 5px;
}
</style>
</head>
<body>
<div class="container">
<div class="jumbotron">
<a href="https://github.com/raykendo/ArcGIS_Map_Enhancements">
<img style="position: absolute; top: 0; right: 0; border: 0; width: 149px; height: 149px;" src="http://aral.github.com/fork-me-on-github-retina-ribbons/[email protected]" alt="Fork me on GitHub">
</a>
<h1>ArcGIS Map Enhancements</h1>
<p>A set of bookmarklets to improve your experience using maps generated with the <a href="https://developers.arcgis.com/javascript/">ArcGIS JavaScript API</a> and </p>
<div class="btn-container">
<p>
<a class="btn btn-lg btn-success" href="//github.com/raykendo/ArcGIS_Map_Enhancements" role="button">View Source</a>
</p>
</div>
</div>
<p>
This page provides links to tools that can be used to inspect and improve your experiences with webmaps
generated with the ArcGIS JavaScript API. To use these tools:
</p>
<ol class="list-group">
<li class="list-group-item">Save the bookmarklets to your browser bookmarks.</li>
<li class="list-group-item">Navigate to a map created with the ArcGIS JavaScript API</li>
<li class="list-group-item">Select the bookmarklet from the list.</li>
</ol>
<div class="panel panel-info">
<div class="panel-heading">
<h2 class="panel-title">Dependencies</h2>
</div>
<ul class="list-group">
<li class="list-group-item">Desktop browser (IE8+, Chrome, or Firefox. Untested on Safari for Mac).</li>
</ul>
</div>
<div class="panel panel-info">
<div class="panel-heading">
<h2 class="panel-title">Tools</h2>
</div>
<ul class="list-group">
<li class="list-group-item">
<h4 class="list-group-item-heading">Map Effects</h4>
<p class="list-group-item-text">
<a class="new" href='javascript:(function(){var head=document.head||document.getElementsByTagName("head")[0],css=[" .leaflet-zoom-anim .leaflet-zoom-animated, .leaflet-container, .leaflet-tile-container, .leaflet-map-pane, .leaflet-tile-pane, .map .container .layersDiv>div>div, .map .container .layersDiv .layerTile, .map .container .layersDiv>div { -webkit-transition: -webkit-transform",", transform",", width",", height","; transition: -webkit-transform",", transform",", opacity",", width",", height",", top",", left",", clip"," !important;}"].join(" 3s ease 500ms"),style=document.createElement("style");style.type="text/css";if(style.styleSheet){style.styleSheet.cssText=css;}else{style.appendChild(document.createTextNode(css));}head.appendChild(style);}());' title='Drunk Map'>Drunk Map</a><br />
Adds an extra delay and slowness when moving around on the map. Works with both LeafletJS and ArcGIS JavaScript API maps.
</p>
</li>
</ul>
</div>
</div>
</body>
</html>