--- step-6/index.html 2023-07-02 13:20:09.119154723 +0000
+++ step-7/index.html 2023-07-02 13:20:09.119154723 +0000
@@ -1,6 +1,6 @@
<html>
<head>
- <title>Step 6: adding a scale ruler</title>
+ <title>Step 7: bookmarkable map links</title>
<script src="../OpenLayers.js"></script>
<script src="../OpenStreetMap.js"></script>
<link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
@@ -20,6 +20,14 @@
padding: 4px;
opacity: 0.60;
}
+ .olControlPermalink {
+ top: 0px;
+ right: 0px;
+ height: 1.2em;
+ background-color:white;
+ padding: 4px;
+ opacity: 0.60;
+ }
</style>
<script>
@@ -41,6 +49,7 @@
controls: [ new OpenLayers.Control.Navigation(), // direct panning via mouse drag
new OpenLayers.Control.Attribution(), // attribution text
new OpenLayers.Control.PanZoomBar(), // larger navigation control
+ new OpenLayers.Control.Permalink(), // bookmarkable map links
scale, // scale ruler
overviewMap // overview map
]