Overlay on Maps - Prototype

GSoC-report.md

@@ -0,0 +1,7 @@
+The project report for Google Summer of Code 2020 is at : 
+
+## https://www.mediawiki.org/wiki/User:Siriuswapnil/gsoc_final_report
+
+Please have a look.
+
+Thanks!

osm-source/viewer/assets/fonts.css

@@ -3,39 +3,39 @@
   font-family: 'Noto Sans';
   font-style: normal;
   font-weight: 400;
-  src: url('/common/fonts/noto-sans-v8-latin-regular.eot'); /* IE9 Compat Modes */
+  src: url('./noto-sans-v8-latin-regular.eot'); /* IE9 Compat Modes */
   src: local('Noto Sans'), local('NotoSans'),
-       url('/common/fonts/noto-sans-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('/common/fonts/noto-sans-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
-       url('/common/fonts/noto-sans-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
-       url('/common/fonts/noto-sans-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('/common/fonts/noto-sans-v8-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
+       url('./noto-sans-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('./noto-sans-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
+       url('./noto-sans-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
+       url('./noto-sans-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('./noto-sans-v8-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
 }
 /* noto-sans-italic - latin */
 @font-face {
   font-family: 'Noto Sans';
   font-style: italic;
   font-weight: 400;
-  src: url('/common/fonts/noto-sans-v8-latin-italic.eot'); /* IE9 Compat Modes */
+  src: url('./noto-sans-v8-latin-italic.eot'); /* IE9 Compat Modes */
   src: local('Noto Sans Italic'), local('NotoSans-Italic'),
-       url('/common/fonts/noto-sans-v8-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('/common/fonts/noto-sans-v8-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
-       url('/common/fonts/noto-sans-v8-latin-italic.woff') format('woff'), /* Modern Browsers */
-       url('/common/fonts/noto-sans-v8-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('/common/fonts/noto-sans-v8-latin-italic.svg#NotoSans') format('svg'); /* Legacy iOS */
+       url('./noto-sans-v8-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('./noto-sans-v8-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
+       url('./noto-sans-v8-latin-italic.woff') format('woff'), /* Modern Browsers */
+       url('./noto-sans-v8-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('./noto-sans-v8-latin-italic.svg#NotoSans') format('svg'); /* Legacy iOS */
 }
 /* noto-sans-700 - latin */
 @font-face {
   font-family: 'Noto Sans';
   font-style: normal;
   font-weight: 700;
-  src: url('/common/fonts/noto-sans-v8-latin-700.eot'); /* IE9 Compat Modes */
+  src: url('./noto-sans-v8-latin-700.eot'); /* IE9 Compat Modes */
   src: local('Noto Sans Bold'), local('NotoSans-Bold'),
-       url('/common/fonts/noto-sans-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('/common/fonts/noto-sans-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
-       url('/common/fonts/noto-sans-v8-latin-700.woff') format('woff'), /* Modern Browsers */
-       url('/common/fonts/noto-sans-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('/common/fonts/noto-sans-v8-latin-700.svg#NotoSans') format('svg'); /* Legacy iOS */
+       url('./noto-sans-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('./noto-sans-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
+       url('./noto-sans-v8-latin-700.woff') format('woff'), /* Modern Browsers */
+       url('./noto-sans-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('./noto-sans-v8-latin-700.svg#NotoSans') format('svg'); /* Legacy iOS */
 }
 body {
   font-family: 'Open Sans', sans-serif;

osm-source/viewer/assets/wikidata.json

@@ -0,0 +1,39 @@
+{
+    "wikidata" : {
+        "hospital"  :{
+            "query_file_name" : "hospitalquery.sparql",
+            "feature_icon_name" : "hospital.png",
+            "query_title" : "Hospital"
+        },
+        "airport" : {
+            "query_file_name" : "airport.sparql",
+            "feature_icon_name" : "airport.png",
+            "query_title" : "Airport"
+        },
+        "bus-station" : {
+            "query_file_name" : "bustation.sparql",
+            "feature_icon_name" : "bus-station.png",
+            "query_title" : "Bus Station"
+        },
+        "library" : {
+            "query_file_name" : "library.sparql",
+            "feature_icon_name" : "library.png",
+            "query_title" : "Library"
+        },
+        "national-park" : {
+            "query_file_name" : "nationalparks.sparql",
+            "feature_icon_name" : "national-park.png",
+            "query_title" : "National Park"
+        },
+        "railway-station" : {
+            "query_file_name" : "railwaystation.sparql",
+            "feature_icon_name" : "railway-station.png",
+            "query_title" : "Railway Station"
+        },
+        "school" : {
+            "query_file_name" : "schoolsnearby.sparql",
+            "feature_icon_name" : "school.png",
+            "query_title" : "School"
+        }
+    }
+}

osm-source/viewer/build/index.html

@@ -51,7 +51,7 @@
   <body>
      <div class="well col-md-5">
            <input id="search" type="text" class="col-md-6 form-control" placeholder="Search cities..." autocomplete="off" />
-       </div>
+     </div>
     <div id="info-overlay"></div>
     <div id="layerswitcher"></div>
     <div id="picture" style='display:none'>
@@ -60,7 +60,7 @@
 
     <div id="map-container"></div>
     <div id="map" class="map"></div>
-    <div id="popup" class="ol-popup" ondragover='dragover_handler(event)' ondrop='drop_handler(event)'>
+    <!-- <div id="popup" class="ol-popup" ondragover='dragover_handler(event)' ondrop='drop_handler(event)'>
       <form>
       <a href="#" id="popup-closer" class="ol-popup-closer"></a>
       <div><input  id="popup-title" type="text" size="50" placeholder="Title"></textbox></div>
@@ -74,7 +74,13 @@
       <div id="popup-delete" class='pbut'><button id='deletinline-block' type="button">Delete Point</button></div>
       </div>
       </form>
+    </div> -->
+    <!--for markup overlay-->
+    <div id="popup" class="ol-popup">
+      <a href="#" id="popup-closer" class="ol-popup-closer"></a>
+      <div id="popup-content"></div>
     </div>
+    <!--End-->
     <input type="file" id="import-json"  style="display:none">
     <input type="file" id="import-jpeg"  style="display:none">
 
@@ -86,6 +92,8 @@
       <option value="metric" selected>metric</option>
     </select>
     <button id='home'>Home</button>
-  <script src="main.js"></script></body>
+  <script src="main.js"></script>
+  <script src="overlay.js"></script>
+</body>
 </html>