You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
1.7 KiB
36 lines
1.7 KiB
1 year ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
||
|
|
<!-- load leaflet-->
|
||
|
|
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="" />
|
||
|
|
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
|
|
<link rel="stylesheet" href="./css/main.css">
|
||
|
|
<script src="./js/main.js" defer></script>
|
||
|
|
<title>here + leaflet map tiles</title>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="map" class="here-map">
|
||
|
|
</div>
|
||
|
|
<form id="find-me" class="overlay-search" name="" action="">
|
||
|
|
<input type="search" name="q" />
|
||
|
|
<button type="submit">find</button>
|
||
|
|
</form>
|
||
|
|
<p class="references">
|
||
|
|
<a href="https://developer.here.com/tutorials/raster-tile-leaflet/">
|
||
|
|
<strong>Add a HERE base map to Leaflet</strong>
|
||
|
|
<br/><span>here documentation on leaflet</span>
|
||
|
|
</a><a href="https://leafletjs.com/examples/quick-start/">
|
||
|
|
<strong>Leaflet Quick Start Guide</strong>
|
||
|
|
<br/><span>leaflet quick start documentation</span>
|
||
|
|
</a><a href="https://stackoverflow.com/a/55767702">
|
||
|
|
<strong>How to locate leaflet zoom control in a desired position</strong>
|
||
|
|
<br/><span>Change zoom position</span>
|
||
|
|
</a>
|
||
|
|
<a href="https://mrvirk.com/get-url-parameter-values-in-javascript.html">
|
||
|
|
Vanilla Javascript to Get URL Parameter Values / Query String</a>
|
||
|
|
</p>
|
||
|
|
</body>
|
||
|
|
</html>
|