| Server IP : 79.136.114.73 / Your IP : 3.141.43.16 Web Server : Apache/2.4.7 (Ubuntu) PHP/5.5.9-1ubuntu4.29 OpenSSL/1.0.1f System : Linux b8009 3.13.0-170-generic #220-Ubuntu SMP Thu May 9 12:40:49 UTC 2019 x86_64 User : www-data ( 33) PHP Version : 5.5.9-1ubuntu4.29 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/appsrv.astacus.se/digitaltwin/OLD/ |
Upload File : |
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Astaucs Digital Twin Portal</title>
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
<link href="https://api.mapbox.com/mapbox-gl-js/v2.4.1/mapbox-gl.css" rel="stylesheet">
<script src="https://api.mapbox.com/mapbox-gl-js/v2.4.1/mapbox-gl.js"></script>
<style>
#map {
position: absolute;
top: 359px;
bottom: 0;
width: 90%;
height: 90%;
left: 255px;
}
.marker {
background-image: url('images/mapbox-icon.png');
background-size: cover;
width: 50px;
height: 50px;
border-radius: 50%;
cursor: pointer;
}
.mapboxgl-popup {
max-width: 200px;
}
.mapboxgl-popup-content {
text-align: center;
font-family: 'Open Sans', sans-serif;
color: #FFFFFF;
background: #73AD21;
}
.rcorners { border-radius: 10px;
background: #73AD21;
padding: 10px;
height: 30px;
}
</style>
</head>
<body leftmargin="0" marginheight="0" topmargin="0">
<table width="100%" border="0" style="position: absolute; top: 0; bottom: 0; left: 0; right: 0; font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; color: #FFFFFF;">
<tbody>
<tr>
<td width="250" rowspan="2" align="left" valign="top" bgcolor="#2F2F2F" ><a href="start.php"><img src="images/astacus_wide_original.png" width="200" style="margin-top: 10px;" alt=""/></a>
<hr color="#6B6B6B">
<table width="100%" border="0">
<tbody>
<tr>
<td align="center" valign="middle"> </td>
<td align="left" valign="middle"><span style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; color: #FFFFFF;"><strong>Carl Hoffstedt</strong></span></td>
</tr>
<tr>
<td height="34" align="center" valign="middle"><img src="images/icon_profil.png" width="20" height="20" alt=""/></td>
<td align="left" valign="middle"><span style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; color: #CECECE"><a href="profil.php" style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; color: #CECECE;">Visa profil</a></span></td>
</tr>
<tr>
<td height="31" align="center" valign="middle"><img src="images/icon_exit.png" width="20" height="20" alt=""/></td>
<td align="left" valign="middle"><span style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; color: #CECECE;"><a href="exit.php" style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; color: #CECECE;">Logga ut </a></span></td>
</tr>
<tr>
<td width="21%" align="center" valign="top"><br>
<br>
<br>
<br></td>
<td width="79%"><p style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; color: #CECECE;"> </p>
<p style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; color: #CECECE;"><br>
<br>
</p></td>
</tr>
</tbody>
</table>
<hr color="#6B6B6B">
<table width="100%" border="0" height="200">
<tbody>
<tr>
<td align="center" valign="top"> </td>
<td><strong>FASTIGHETER</strong></td>
</tr>
<tr>
<td height="37" align="center" valign="middle"><img src="images/icon_list.png" width="20" height="20" alt=""/></td>
<td valign="middle"><span style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; color: #CECECE;"><span style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; color: #CECECE"><a href="list.php" style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; color: #CECECE;">Visa lista</a></span><br>
</span></td>
</tr>
<tr>
<td height="32" align="center" valign="middle"><img src="images/icon_clobe.png" width="20" height="20" alt=""/></td>
<td valign="middle"><span style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; color: #CECECE;"><a href="map.php" style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; color: #CECECE;">Visa karta</a></span></td>
</tr>
<tr>
<td height="39" align="center" valign="middle"><img src="images/icon_search.png" width="20" height="20" alt=""/></td>
<td valign="middle"><span style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; color: #CECECE;"><a href="search.php" style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; color: #CECECE;">Sök</a></span></td>
</tr>
<tr>
<td width="21%" height="135" align="center" valign="top"> </td>
<td width="79%"></td>
</tr>
</tbody>
</table>
<hr color="#6B6B6B">
<p>
<center>
<img src="images/willhem.png" width="200" alt=""/>
</center>
</p>
<p> </p>
<p></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p></td>
<td width="*" height="45" align="center">
<p><span style="font-size: 36px; color: #000000">Digital Twin - Start</span></p></td>
</tr>
<tr style="height: 25%; font-size: 12px;">
<td align="left" valign="top" bgcolor="#ECECEC">
<br>
<br>
<table width="90%" border="0" align="center">
<tbody>
<tr>
<td><table width="100%" border="0" class="rcorners">
<tbody>
<tr>
<td><table width="91%" border="0" align="left">
<tbody>
<tr>
<td width="6%" rowspan="2" align="center" valign="middle"><img src="images/house.png" width="50" height="50" alt=""/></td>
<td width="29%" rowspan="2" align="center" valign="top" style="font-size: 18px">Skäggetorp Centrum</td>
<td width="10%" height="18" style="font-size: 14px">Fastighet: </td>
<td width="20%" style="font-size: 14px">Guldfisken 10</td>
<td width="9%" style="font-size: 14px">Adress:</td>
<td width="26%" style="font-size: 14px">Skäggetorp Centrum 1</td>
</tr>
<tr>
<td style="font-size: 14px">Storlek:</td>
<td style="font-size: 14px">20.000 kvm</td>
<td style="font-size: 14px">Typ:</td>
<td style="font-size: 14px">Affärcentrum</td>
</tr>
</tbody>
</table>
<a href="object.php?id=1"><img src="images/continue.png" alt="" width="50" height="50" border="0"/></a></td>
</tr>
</tbody>
</table>
<br>
<br>
<table width="100%" border="0" class="rcorners">
<tbody>
<tr>
<td><table width="91%" border="0" align="left">
<tbody>
<tr>
<td width="6%" rowspan="2" align="center" valign="middle"><img src="images/house.png" width="50" height="50" alt=""/></td>
<td width="29%" rowspan="2" align="center" valign="top" style="font-size: 18px">Skogsgatan 87-91</td>
<td width="10%" height="18" style="font-size: 14px">Fastighet: </td>
<td width="20%" style="font-size: 14px">Tolvskillingen 1-3</td>
<td width="9%" style="font-size: 14px">Adress:</td>
<td width="26%" style="font-size: 14px">Skogsgatan 87-91</td>
</tr>
<tr>
<td style="font-size: 14px">Storlek:</td>
<td style="font-size: 14px">10.000 kvm</td>
<td style="font-size: 14px">Typ:</td>
<td style="font-size: 14px">Hyreslägenheter</td>
</tr>
</tbody>
</table>
<a href="object.php?id=2"><img src="images/continue.png" alt="" width="50" height="50" border="0"/></a></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
<div id="map" ></div>
<p> </p>
<p> </p>
<p> </p>
<p> </p><p> </p>
<p> </p>
<p> </p>
<p> </p><p> </p>
<p> </p>
<p> </p>
<p> </p><p> </p>
<p> </p>
<p> </p>
<p> </p><p> </p>
<p> </p>
<p> </p>
<p> </p><p> </p>
<p> </p>
<p> </p>
<p> </p><p> </p>
<p> </p>
<p> </p>
<p> </p><p> </p>
<p> </p>
<p> </p>
<p> </p><p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p></td>
</tr>
</tbody>
</table>
</body>
</html>
<script>
var geojson = {
type: 'FeatureCollection',
features: [{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [15.580244, 58.426393]
},
properties: {
title: 'Skäggetorp Centrum',
description: 'Fastighet: Guldfisken 10 <br>Adress: Skäggetorp Centrum 1 <br>Storlek: 20.000 kvm <br>Typ: Affärcentrum <br> <br> <a href="object.php?id=1"><img src="images/continue.png" alt="" width="50" height="50" border="0"/></a>'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [15.668135, 58.39167]
},
properties: {
title: 'Skogsgatan 87-91',
description: 'Fastighet: Tolvskillingen 1-3 <br>Adress: Skogsgatan 87-91<br>Storlek: 10.000 kvm <br>Typ: Hyreslägenheter<br> <br> <a href="object.php?id=2"><img src="images/continue.png" alt="" width="50" height="50" border="0"/></a>'
}
}]
};
mapboxgl.accessToken = 'pk.eyJ1IjoiY2FybGhvZmZzdGVkdCIsImEiOiJja3NqYmw2aTcwMzk2MnludTNjbXkzcm05In0.u--lhyuyU9aOy2zfKzxMgQ';
const map = new mapboxgl.Map({
container: 'map', // container ID
style: 'mapbox://styles/carlhoffstedt/cksjbnm7u1p1t18s0mogbysow', // style URL
center: [15.63, 58.40], // starting position [lng, lat]
zoom: 11 // starting zoom
});
// add markers to map
geojson.features.forEach(function (marker) {
// create a HTML element for each feature
var el = document.createElement('div');
el.className = 'marker';
// make a marker for each feature and add it to the map
new mapboxgl.Marker(el)
.setLngLat(marker.geometry.coordinates)
.setPopup(
new mapboxgl.Popup({ offset: 25 }) // add popups
.setHTML(
'<h3>' +
marker.properties.title +
'</h3><p>' +
marker.properties.description +
'</p>'
)
)
.addTo(map);
});
</script>