Working version yay!
This commit is contained in:
committed by
GitHub
parent
0e0e4161c5
commit
7f18e0614b
@@ -19,6 +19,7 @@ if (mysqli_connect_errno()) {
|
||||
<link rel="stylesheet" type="text/css" href="/Resources/leaflet/leaflet.css">
|
||||
<script defer src="https://code.getmdl.io/1.1.3/material.min.js"></script>
|
||||
<script type="text/javascript" src="/Resources/leaflet/leaflet.js"></script>
|
||||
<script type="text/javascript" src="/Resources/leaflet-hash/leaflet-hash.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
@@ -26,13 +27,12 @@ if (mysqli_connect_errno()) {
|
||||
<div id="mapid" style="height: 100%;"></div>
|
||||
|
||||
<script type="text/javascript">
|
||||
var map = L.map('mapid').setView([51.505, -0.09], 13);
|
||||
var map = L.map('mapid').setView([51.505, -0.09], 2);
|
||||
|
||||
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={access token}', {
|
||||
L.tileLayer('https://api.mapbox.com/styles/v1/mapbox/streets-v9/tiles/256/{z}/{x}/{y}?access_token={accessToken}', {
|
||||
attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>',
|
||||
maxZoom: 18,
|
||||
id:,
|
||||
accessToken:
|
||||
accessToken: "pk.eyJ1IjoiZGFsaTk5IiwiYSI6ImNpc2RueWJ0NTAwMW0yenBmaXg5OWhiZXQifQ.WCB3-xcQxEpBf6SHGKG94Q"
|
||||
}).addTo(map);
|
||||
|
||||
var markers = [
|
||||
@@ -41,7 +41,7 @@ if (mysqli_connect_errno()) {
|
||||
echo "{
|
||||
\"type\": \"Feature\",
|
||||
\"properties\": {
|
||||
\"popupContent\": \"<b>" . $row["date_added"] . "</b> <br><img src=\\\"images/" . $row["url"] . "\\\"/>\"
|
||||
\"popupContent\": \"<b>" . $row["date_added"] . "</b> <br><img style=\\\"max-width:240px\\\" src=\\\"images/" . $row["url"] . "\\\"/>\"
|
||||
},
|
||||
\"geometry\": {
|
||||
\"type\": \"Point\",
|
||||
@@ -67,9 +67,16 @@ if (mysqli_connect_errno()) {
|
||||
|
||||
markerlayer.addData(markers);
|
||||
markerlayer.addTo(map);
|
||||
var hash = new L.Hash(map);
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<a href="add.php" class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored mdl-button--raised" style="position: absolute; bottom:30px; right: 10px; z-index: 999; background-color: #257eca">
|
||||
<i class=material-icons>add</i>
|
||||
</a>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user