admin/Facilitor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

KFNS#40809 Streetview bij gebouw via google maps

Browse Source 
svn path=/Website/branches/v2017.1/; revision=34142
This commit is contained in:
Ruud Lipper
2017-06-07 08:05:45 +00:00
parent 01f47e31ac
commit b80d692d80
2 changed files with 15 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
APPL/ALG/alg_show_gebouw.asp
View File

@@ -90,7 +90,7 @@ oRs.Close();
function openMaps(bldKey) function openMaps(bldKey)
{ {
fwnd = window.open('../cad/ShowGoogleMap.asp?bld_key=' + bldKey, 'FGShow', fwnd = window.open('../cad/ShowGoogleMap.asp?bld_key=' + bldKey, 'FGShow',
"width=640, height=480, directories=no, location=no, menubar=no," "width=800, height=600, directories=no, location=no, menubar=no,"
+ "resizable=yes, status=no, titlebar=yes, toolbar=no"); + "resizable=yes, status=no, titlebar=yes, toolbar=no");
fwnd.focus() fwnd.focus()
return; return;

19
APPL/CAD/ShowGoogleMap.asp
View File

@@ -69,13 +69,12 @@
} }
__Log("rdX=" + rdX + " rdY=" + rdY); __Log("rdX=" + rdX + " rdY=" + rdY);
%> %>
<html> <html>
<head> <head>
<style type="text/css"> <style type="text/css">
html, body { height: 100%; margin: 0; padding: 0; } html, body { height: 100%; margin: 0; padding: 0;}
geenhekjeaanbeginregel,#map { height: 100%; } geenhekjeaanbeginregel, #map, #pano { float: left; height: 100%; width: 50%; }
</style> </style>
<script type="text/javascript" async defer <script type="text/javascript" async defer
src='//maps.googleapis.com/maps/api/js?key=<%=safe.htmlattr(fg_remote_maps)%>&callback=initMap'> src='//maps.googleapis.com/maps/api/js?key=<%=safe.htmlattr(fg_remote_maps)%>&callback=initMap'>
@@ -99,6 +98,15 @@
var infowindow = new google.maps.InfoWindow({ var infowindow = new google.maps.InfoWindow({
content: "<%=safe.jsstring(oms)%>" content: "<%=safe.jsstring(oms)%>"
}); });
var panorama = new google.maps.StreetViewPanorama(
document.getElementById('pano'), {
position: coord,
pov: {
heading: 34,
pitch: 10
}
});
map.setStreetView(panorama);
var marker = new google.maps.Marker({ var marker = new google.maps.Marker({
position: coord, position: coord,
map: map, map: map,
@@ -121,9 +129,10 @@
window.close(); window.close();
} }
} }
</script> </script>
</head> </head>
<body style="margin:0"> <body id="googleMap" style="margin:0">
<div id="map"></div> <div id="map"></div>
<div id="pano"></div>
</body> </body>
</html> </html>