1
0
PSSGliwice/js/map.js
2020-12-04 22:43:42 +01:00

88 lines
2.8 KiB
JavaScript

var map;
function initmap() {
if(map)
map.destroy();
points = new OpenLayers.Layer.Vector();
var myLocation = new OpenLayers.Geometry.Point(18.67459, 50.29860)
.transform('EPSG:4326', 'EPSG:3857');
var myLocationGCH = new OpenLayers.Geometry.Point(18.67459, 50.29760)
.transform('EPSG:4326', 'EPSG:3857');
var myLocationPWjazd = new OpenLayers.Geometry.Point(18.67469, 50.29690)
.transform('EPSG:4326', 'EPSG:3857');
var myLocationPWjazd2 = new OpenLayers.Geometry.Point(18.6737, 50.29845)
.transform('EPSG:4326', 'EPSG:3857');
points.addFeatures([
new OpenLayers.Feature.Vector(myLocationGCH, {tooltip: 'GCH'},
{
externalGraphic: "pic/logo_gch.png",
graphicWidth: 79,
graphicHeight: 55,
graphicYOffset: 0,
fillOpacity: 1
})
]);
points.addFeatures([
new OpenLayers.Feature.Vector(myLocationPWjazd, {tooltip: 'Wjazd i wyjazd z parkingu'},
{
externalGraphic: "pic/parking.png",
graphicWidth: 49,
graphicHeight: 51,
graphicYOffset: 0,
fillOpacity: 1
})
]);
points.addFeatures([
new OpenLayers.Feature.Vector(myLocationPWjazd2, {tooltip: 'Wjazd na parking'},
{
externalGraphic: "pic/parking2.png",
graphicWidth: 49,
graphicHeight: 51,
graphicYOffset: 0,
fillOpacity: 1
})
]);
map = new OpenLayers.Map({
div: "map", projection: "EPSG:3857",
layers: [ new OpenLayers.Layer.OSM("Public Transport", //new OpenLayers.Layer.OSM(),
[
'http://a.tile2.opencyclemap.org/transport/${z}/${x}/${y}.png',
'http://b.tile2.opencyclemap.org/transport/${z}/${x}/${y}.png'
], {
'attribution': 'Tiles courtesy of <a href="http://opencyclemap.org">Andy Allan</a>'
})],
center: myLocation.getBounds().getCenterLonLat(), zoom: 17
});
var mapquestmap = new OpenLayers.Layer.OSM("MapQuest Open Map", [
"http://otile1.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png",
"http://otile2.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png",
"http://otile3.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png",
"http://otile4.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png"], {
displayOutsideMaxExtent: true,
wrapDateLine: true,
zoom: 12,
attribution: "Tiles courtesy of <a href='http://www.mapquest.com/' target='_blank'>MapQuest</a> <img src='http://developer.mapquest.com/content/osm/mq_logo.png'>"
});
//var transportmap = ;
//map.addLayer(transportmap);
map.addLayer(points);
//map.addPopup(popup);
}
$(document).ready(function() {
hall = $(window).innerHeight();
$('#map').css({
'height': hall-95+'px'
});
initmap();
});