From 2b645413fc163863d000bddde5bc27a836321422 Mon Sep 17 00:00:00 2001 From: Jacek Kowalski <Jacek@jacekk.info> Date: Sat, 13 Apr 2019 23:06:48 +0000 Subject: [PATCH] Get rid of jQuery dependency - use XHR and Promise --- map.html | 30 +++++++++++++++++++----------- 1 files changed, 19 insertions(+), 11 deletions(-) diff --git a/map.html b/map.html index c04893f..24cea68 100644 --- a/map.html +++ b/map.html @@ -1,22 +1,30 @@ <!DOCTYPE html> <html> <head> -<title>TTSS Kraków - Map</title> +<title>TTSS Kraków - Mapa</title> <meta charset="utf-8" /> -<link rel="stylesheet" href="https://openlayers.org/en/v4.1.0/css/ol.css" type="text/css" /> -<link rel="stylesheet" href="map.css" type="text/css" /> +<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width" /> +<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v5.3.0/css/ol.css" integrity="sha384-C7SzZySesoxngSK5V0BaD1DUap0LPZGWZpnXQGoIwvBXFc8G21y4s1QYvyr84FNa" crossorigin="anonymous"> +<link rel="stylesheet" href="map.css?v3" type="text/css" /> </head> <body> <div id="map"> <div id="title" class="ol-unselectable ol-control"><a href="/">TTSS Kraków</a></div> -<div id="fail" class="ol-unselectable ol-control"></div> -<div id="popup"></div> +<div id="track" class="ol-unselectable ol-control"><button type="button" title="GPS"><svg width="100%" height="100%"> +<circle cx="50%" cy="50%" r="25%"></circle> +<circle cx="50%" cy="50%" r="10%" class="fill"></circle> +<line x1="50%" y1="25%" x2="50%" y2="10%"></line> +<line x1="75%" y1="50%" x2="90%" y2="50%"></line> +<line x1="50%" y1="75%" x2="50%" y2="90%"></line> +<line x1="25%" y1="50%" x2="10%" y2="50%"></line> +</svg></button></div> +<div id="fail" class="ol-unselectable ol-control"><span></span> <span class="close">×</p></div> </div> -<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha384-3ceskX3iaEnIogmQchP8opvBy3Mi7Ce34nWjpBIwVTHfGYWQS9jwHDVRnpKKHJg7" crossorigin="anonymous"></script> -<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList"></script> -<script src="https://openlayers.org/en/v4.1.0/build/ol.js" integrity="sha384-FkrvSU9IkctjoF6eTvw82jZvg4Rn04zw5X2nCQnYF+vT8IbAY+DJ23IIoaVDtiMe" crossorigin="anonymous"></script> -<script tyle="text/javascript" src="lang_en.js" id="lang_script"></script> -<script tyle="text/javascript" src="common.js"></script> -<script tyle="text/javascript" src="map.js"></script> +<div id="panel"></div> +<script src="https://polyfill.io/v3/polyfill.min.js?features=Array.prototype.forEach,Array.prototype.includes,Array.prototype.map,Element.prototype.classList,Promise,String.prototype.startsWith,XMLHttpRequest,requestAnimationFrame"></script> +<script src="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v5.3.0/build/ol.js" integrity="sha384-iQkGyyH4ioz3m+maM3s9MX1Oq67mACa4B9Z3ovUv3Sv37LJ96fx3WnZfLoiC3Wfl" crossorigin="anonymous"></script> +<script tyle="text/javascript" src="lang_pl.js?v7" id="lang_script"></script> +<script tyle="text/javascript" src="common.js?v8"></script> +<script tyle="text/javascript" src="map.js?v20"></script> </body> </html> -- Gitblit v1.9.1