Working version yay!

This commit is contained in:
Daniel Løvbrøtte Olsen
2016-08-27 23:16:06 +02:00
committed by GitHub
parent 0e0e4161c5
commit 7f18e0614b
2 changed files with 86 additions and 25 deletions

View File

@@ -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 &copy; <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>