Template:Team:Aachen/MeetupMap1.js

From 2014.igem.org

(Difference between revisions)
 
(8 intermediate revisions not shown)
Line 1: Line 1:
-
        var map, layer;
+
function initialize() {
 +
  var llcouven = new google.maps.LatLng(50.776525,6.07854);
 +
  var ll13 = new google.maps.LatLng(50.777488,6.078368);
 +
  var ll3 = new google.maps.LatLng(50.779944,6.075279);
 +
  var llx3 = new google.maps.LatLng(50.779415,6.081802);
 +
var llcenter = new google.maps.LatLng(50.778899,6.078283);
-
        function init(){
+
  var mapOptions = {
-
            OpenLayers.ProxyHost="/proxy/?url=";
+
    zoom: 16,
-
            map = new OpenLayers.Map('map');
+
    center: llcenter
-
            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
+
  }
-
                "http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
+
  var map = new google.maps.Map(document.getElementById('map-couvenhalle'), mapOptions);
-
               
+
-
            map.addLayer(layer);
+
-
            map.setCenter(new OpenLayers.LonLat(0, 0), 0);
+
-
            var markers = new OpenLayers.Layer.Markers( "Markers" );
+
  var marker_couvenhalle = new google.maps.Marker({
-
            map.addLayer(markers);
+
      position: llcouven,
 +
      map: map,
 +
      title: 'Couvenhalle'
 +
  });
-
            var size = new OpenLayers.Size(21,25);
+
  var marker_bus13 = new google.maps.Marker({
-
            var offset = new OpenLayers.Pixel(-(size.w/2), -size.h);
+
      position: ll13,
-
            var icon = new OpenLayers.Icon('http://www.openlayers.org/dev/img/marker.png',size,offset);
+
      map: map,
-
            markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(0,0),icon));
+
      title: 'Bus Stop: Technische Hochschule'
 +
  });
-
            var halfIcon = icon.clone();
+
  var marker_bus3 = new google.maps.Marker({
-
            markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(0,45),halfIcon));
+
      position: ll3,
 +
      map: map,
 +
      title: 'Bus Stop: Audimax'
 +
  });
-
            marker = new OpenLayers.Marker(new OpenLayers.LonLat(90,10),icon.clone());
+
  var marker_busx3 = new google.maps.Marker({
-
            marker.setOpacity(0.2);
+
      position: llx3,
-
            marker.events.register('mousedown', marker, function(evt) { alert(this.icon.url); OpenLayers.Event.stop(evt); });
+
      map: map,
-
            markers.addMarker(marker);
+
      title: 'Bus Stop: Driescher Gässchen'
-
            map.addControl(new OpenLayers.Control.LayerSwitcher());
+
  });
-
            map.zoomToMaxExtent();
+
-
            halfIcon.setOpacity(0.5);
+
 
-
        }
+
var iwcouven = new google.maps.InfoWindow({
 +
      content: 'Couvenhalle'
 +
  });
 +
 
 +
var iw13 = new google.maps.InfoWindow({
 +
      content: 'Bus Stop: Technische Hochschule'
 +
  });
 +
 
 +
var iw3 = new google.maps.InfoWindow({
 +
      content: 'Bus Stop: Audimax'
 +
  });
 +
 
 +
var iwx3 = new google.maps.InfoWindow({
 +
      content: 'Bus Stop: Driescher Gässchen'
 +
  });
 +
 
 +
  google.maps.event.addListener(marker_couvenhalle, 'click', function() {
 +
    iwcouven.open(map,marker_couvenhalle);
 +
  });
 +
  google.maps.event.addListener(marker_bus13, 'click', function() {
 +
    iw13.open(map,marker_bus13);
 +
  });
 +
  google.maps.event.addListener(marker_bus3, 'click', function() {
 +
    iw3.open(map,marker_bus3);
 +
  });
 +
  google.maps.event.addListener(marker_busx3, 'click', function() {
 +
    iwx3.open(map,marker_busx3);
 +
  });
 +
 
 +
}
 +
 
 +
google.maps.event.addDomListener(window, 'load', initialize);

Latest revision as of 21:27, 5 September 2014

function initialize() {

 var llcouven = new google.maps.LatLng(50.776525,6.07854);
 var ll13 = new google.maps.LatLng(50.777488,6.078368);
 var ll3 = new google.maps.LatLng(50.779944,6.075279);
 var llx3 = new google.maps.LatLng(50.779415,6.081802);

var llcenter = new google.maps.LatLng(50.778899,6.078283);

 var mapOptions = {
   zoom: 16,
   center: llcenter
 }
 var map = new google.maps.Map(document.getElementById('map-couvenhalle'), mapOptions);
 var marker_couvenhalle = new google.maps.Marker({
     position: llcouven,
     map: map,
     title: 'Couvenhalle'
 });
 var marker_bus13 = new google.maps.Marker({
     position: ll13,
     map: map,
     title: 'Bus Stop: Technische Hochschule'
 });
 var marker_bus3 = new google.maps.Marker({
     position: ll3,
     map: map,
     title: 'Bus Stop: Audimax'
 });
 var marker_busx3 = new google.maps.Marker({
     position: llx3,
     map: map,
     title: 'Bus Stop: Driescher Gässchen'
 });


var iwcouven = new google.maps.InfoWindow({

     content: 'Couvenhalle'
 });

var iw13 = new google.maps.InfoWindow({

     content: 'Bus Stop: Technische Hochschule'
 });

var iw3 = new google.maps.InfoWindow({

     content: 'Bus Stop: Audimax'
 });

var iwx3 = new google.maps.InfoWindow({

     content: 'Bus Stop: Driescher Gässchen'
 });
 google.maps.event.addListener(marker_couvenhalle, 'click', function() {
   iwcouven.open(map,marker_couvenhalle);
 });
 google.maps.event.addListener(marker_bus13, 'click', function() {
   iw13.open(map,marker_bus13);
 });
 google.maps.event.addListener(marker_bus3, 'click', function() {
   iw3.open(map,marker_bus3);
 });
 google.maps.event.addListener(marker_busx3, 'click', function() {
   iwx3.open(map,marker_busx3);
 });

}

google.maps.event.addDomListener(window, 'load', initialize);