From 0dddd4ca5dd993402b96fe2b4437e67ac6056adb Mon Sep 17 00:00:00 2001
From: Boris Mericskay <boris.mericskay@univ-rennes2.fr>
Date: Sat, 10 Apr 2021 11:42:15 +0000
Subject: [PATCH] Update Basicmap.html
---
Basicmap.html | 37 +++++++++++++------------------------
1 file changed, 13 insertions(+), 24 deletions(-)
diff --git a/Basicmap.html b/Basicmap.html
index 3778418..4b11eb2 100644
--- a/Basicmap.html
+++ b/Basicmap.html
@@ -1,34 +1,31 @@
<!DOCTYPE html>
<html>
+
<head>
<meta charset="utf-8" />
<title>Change a map's style</title>
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
-
<script src="https://cdn.maptiler.com/maplibre-gl-js/v1.13.0-rc.4/mapbox-gl.js"></script>
- <link href="https://cdn.maptiler.com/maplibre-gl-js/v1.13.0-rc.4/mapbox-gl.css" rel="stylesheet" />
+<link href="https://cdn.maptiler.com/maplibre-gl-js/v1.13.0-rc.4/mapbox-gl.css" rel="stylesheet" />
<style>
body { margin: 0; padding: 0; }
#map { position: absolute; top: 0; bottom: 0; width: 100%; }
-#marker {
+ #marker {
background-image: url('https://sites-formations.univ-rennes2.fr/mastersigat/images/75709127.png');
background-size: cover;
width: 50px;
height: 50px;
border-radius: 50%;
-cursor: pointer;
-}
-
-.mapboxgl-popup {
-max-width: 200px;
-}
-
+cursor: pointer;}
+ #mapboxgl-popup {
+max-width: 200px;}
</style>
+
</head>
+
<body>
-
<div id="map"></div>
<script>
@@ -47,33 +44,25 @@ bearing : 50 // Rotation
// create the popup
var popup = new mapboxgl.Popup({ offset: 25 }).setText(
-'The great place of Rennes'
-);
+'The great place of Rennes');
// create DOM element for the marker
var el = document.createElement('div');
el.id = 'marker';
-
// create the marker
new mapboxgl.Marker(el)
.setLngLat([-1.696585806176717, 48.10838773178866])
.setPopup(popup) // sets a popup on this marker
.addTo(map);
-
-
-
- // Add Navigation Control and Scale Map
-
-map.addControl(new mapboxgl.NavigationControl({position: 'top-left'}));
+// Add Navigation Control and Scale Map
+map.addControl(new mapboxgl.NavigationControl({position: 'top-left'}));
map.addControl(new mapboxgl.ScaleControl({position: 'bottom-right'}));
-
-
-
</script>
</body>
-</html
\ No newline at end of file
+
+</html
--
GitLab