| Server IP : 79.136.114.73 / Your IP : 13.59.90.172 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/labs.astacus.se/map_demo/ |
Upload File : |
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>MAP::DEMO</title>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script>
function USGSOverlay(bounds, image, map) {
// Now initialize all properties.
this.bounds_ = bounds;
this.image_ = image;
this.map_ = map;
// We define a property to hold the image's div. We'll
// actually create this div upon receipt of the onAdd()
// method so we'll leave it null for now.
this.div_ = null;
// Explicitly call setMap on this overlay
this.setMap(map);
}
USGSOverlay.prototype.onAdd = function() {
// Note: an overlay's receipt of onAdd() indicates that
// the map's panes are now available for attaching
// the overlay to the map via the DOM.
// Create the DIV and set some basic attributes.
var div = document.createElement('div');
div.style.borderStyle = 'none';
div.style.borderWidth = '0px';
div.style.position = 'absolute';
// Create an IMG element and attach it to the DIV.
var img = document.createElement('img');
img.src = this.image_;
img.style.width = '100%';
img.style.height = '100%';
img.style.position = 'absolute';
div.appendChild(img);
// Set the overlay's div_ property to this DIV
this.div_ = div;
// We add an overlay to a map via one of the map's panes.
// We'll add this overlay to the overlayLayer pane.
var panes = this.getPanes();
panes.overlayLayer.appendChild(div);
}
USGSOverlay.prototype.draw = function() {
// Size and position the overlay. We use a southwest and northeast
// position of the overlay to peg it to the correct position and size.
// We need to retrieve the projection from this overlay to do this.
var overlayProjection = this.getProjection();
// Retrieve the southwest and northeast coordinates of this overlay
// in latlngs and convert them to pixels coordinates.
// We'll use these coordinates to resize the DIV.
var sw = overlayProjection.fromLatLngToDivPixel(this.bounds_.getSouthWest());
var ne = overlayProjection.fromLatLngToDivPixel(this.bounds_.getNorthEast());
// Resize the image's DIV to fit the indicated dimensions.
var div = this.div_;
div.style.left = sw.x + 'px';
div.style.top = ne.y + 'px';
div.style.width = (ne.x - sw.x) + 'px';
div.style.height = (sw.y - ne.y) + 'px';
}
USGSOverlay.prototype.onRemove = function() {
this.div_.parentNode.removeChild(this.div_);
this.div_ = null;
}
</script>
<script type="text/javascript">
var stockholm = new google.maps.LatLng(62.323907, -150.109291);//new google.maps.LatLng(57.76755,14.19169);
var infowindow = new google.maps.InfoWindow();
var overlay;
USGSOverlay.prototype = new google.maps.OverlayView();
var marker;
var map;
function initialize() {
geocoder = new google.maps.Geocoder();
var mapOptions = {
zoom: 14,
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: stockholm
};
map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);
var swBound = new google.maps.LatLng(57.767550,14.19169);
var neBound = new google.maps.LatLng(57.886202, 14.0169);
var swBound = new google.maps.LatLng(62.281819, -150.287132);
var neBound = new google.maps.LatLng(62.400471, -150.005608);
var bounds = new google.maps.LatLngBounds(swBound, neBound);
// Photograph courtesy of the U.S. Geological Survey
var srcImage = 'images/talkeetna.png';
// overlay = new USGSOverlay(bounds, srcImage, map);
}
var markersArray = [];
function addSymbol(lat, long, icon, text){
var pos = new google.maps.LatLng(lat,long);
marker = new google.maps.Marker({
map:map,
draggable:false,
animation: google.maps.Animation.DROP,
position: pos,
content: text
});
marker.setIcon(icon);
markersArray.push(marker);
google.maps.event.addListener(marker, 'click', showInfo);
}
function showHide(type){
deleteOverlays();
if(type == "sjuk"){
addSymbol('57.76643','14.19581','http://www.labs.astacus.se/map_demo/images/sjuk.png?1','<span class="text">Specialistläkargruppen i Jönköping<br><br>http://www.spedoc.se<br>076 - 141 41 41<br>Batterig. 9<br>553 05 JÖNKÖPING<br><br>Plan 1: 1211 kvm<br> Plan 2: 1191 kvm<br>Plan 3: 867 kvm <br><br> <a href="ritning.pdf">Visa ritning</a></span>');
addSymbol('57.765335','14.19922','http://labs.astacus.se/map_demo/images/sjuk.png?2','<span class="text">Akutmottagningen i Jönköping<br><br>076 - 141 41 43<br>Batterig. 2<br>553 05 JÖNKÖPING<br><br>Plan 1: 1211 kvm<br> Plan 2: 1131 kvm<br>Plan 3: 767 kvm <br><br> <a href="ritning.pdf">Visa ritning</a></span>');
addSymbol('57.76410','14.19725','http://labs.astacus.se/map_demo/images/sjuk.png?3','<span class="text">Ögonmottagningen i Jönköping<br><br>076 - 141 41 21<br>Batterig. 1<br>553 05 JÖNKÖPING<br><br>Plan 1: 1211 kvm<br> Plan 2: 1191 kvm<br>Plan 3: 867 kvm <br><br> <a href="ritning.pdf">Visa ritning</a></span>');
addSymbol('57.76755','14.19169','http://labs.astacus.se/map_demo/images/sjuk.png?4','<span class="text">Allergimottagningen i Jönköping<br><br>076 - 141 11 41<br>Batterig. 4<br>553 05 JÖNKÖPING<br><br>Plan 1: 1211 kvm<br> Plan 2: 1191 kvm<br>Plan 3: 867 kvm <br><br> <a href="ritning.pdf">Visa ritning</a></span>');
}else if(type == "vard"){
addSymbol('57.76807','14.20268','http://labs.astacus.se/map_demo/images/vard.png?5','<span class="text">Rosenlunds Vårdcentral<br><br>076 - 141 11 33br>Sjukhusgatan 4<br>553 05 JÖNKÖPING<br><br>Plan 1: 1211 kvm<br> Plan 2: 1191 kvm <br><br> <a href="ritning.pdf">Visa ritning</a></span>');
}else if(type == "tand"){
addSymbol('57.77810','14.20705','http://labs.astacus.se/map_demo/images/tand.png?7','<span class="text">Tandspecialisten<br><br>076 - 141 11 66<br>Tandvägen 2<br>553 05 JÖNKÖPING<br><br>Plan 1: 166 kvm<br><br> <a href="ritning.pdf">Visa ritning</a></span>');
addSymbol(' 57.77437','14.21165','http://labs.astacus.se/map_demo/images/tand.png?8','<span class="text">Foltandvården i Jönköping<br><br>076 - 141 11 7<br>Batterig. 4<br>553 05 JÖNKÖPING<br><br>Plan 1: 1211 kvm<br><br> <a href="ritning.pdf">Visa ritning</a></span>');
}else{
var triangleCoords = [
new google.maps.LatLng(57.76425, 14.19094),
new google.maps.LatLng(57.77064, 14.19128),
new google.maps.LatLng(57.77361, 14.19832),
new google.maps.LatLng(57.77391, 14.20253),
new google.maps.LatLng(57.77611, 14.20360),
new google.maps.LatLng(57.77450, 14.20815),
new google.maps.LatLng(57.76661, 14.20360),
new google.maps.LatLng(57.76340, 14.19995)
];
bermudaTriangle = new google.maps.Polygon({
paths: triangleCoords,
strokeColor: "#FF0000",
strokeOpacity: 0.8,
strokeWeight: 3,
fillColor: "#FF0000",
fillOpacity: 0.35
});
bermudaTriangle.setMap(map);
markersArray.push(bermudaTriangle);
}
showOverlays();
}
function showOverlays() {
if (markersArray) {
for (i in markersArray) {
markersArray[i].setMap(map);
}
}
}
function showInfo(event) {
var contentString = this.content;
infowindow.setContent(contentString);
infowindow.setPosition(event.latLng);
infowindow.open(map);
}
function deleteOverlays() {
if (markersArray) {
for (i in markersArray) {
markersArray[i].setMap(null);
}
markersArray = [];
}
}
</script>
<style type="text/css">
.text {
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
font-size: 14px;
}
</style>
</head>
<body bgcolor="#f0f0f0" onLoad="initialize();">
<table width="980" height="56" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="980" height="710" valign="top" background="images/background.jpg"><br>
<br>
<br>
<br>
<br>
<table width="950" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div id="map_canvas" style="width: 950px; height: 500px;">Kartan laddas...</div></td>
</tr>
<tr>
<td><p> </p>
<table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="156"><img src="images/sjuk.png" width="50" height="39" align="absmiddle"> <span class="text"><a href="javascript:showHide('sjuk');">Sjukhus</a></span></td>
<td width="186"><img src="images/vard.png" alt="" width="50" height="39" align="absmiddle"> <span class="text"><a href="javascript:showHide('vard');">Vårdcentral</a></span></td>
<td width="179"><img src="images/tand.png" alt="" width="50" height="39" align="absmiddle"> <span class="text"><a href="javascript:showHide('tand');">Tandläkare</a></span></td>
<td width="379"><img src="images/omr.png" width="79" height="39" align="absmiddle"> <span class="text"><a href="javascript:showHide('omr');">Visa sjukhusområde</a></span></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>