gn-map.html

<link rel="import" href="../polymer/polymer.html"></link>

<!--
@demo
-->

<dom-module id="gn-map">

  <!-- OpenStreetMaps style -->
  <link rel="stylesheet" type="text/css" href="http://openlayers.org/en/v3.10.1/css/ol.css">
  
  <!-- Default style -->
  <link rel="stylesheet" type="text/css" href="../css/style.css"></link>

  <style>
    :host {
      display: block;
    }

    div#mapcontainer {
      width: 100%;
      height: 100%;
    }
  </style>

  <template>
    <div id="mapcontainer"></div>
    <content></content> 
  </template> 

  <script src="js/gn-map.js"></script>
  <script src="js/gn-map-googlemaps.js"></script>
  <script src="js/gn-map-openstreetmaps.js"></script>
  
  <script>
    'use strict';
    /*
     * Default behavior: Behavior for maps of no specific type
     * 
     * Prints information text for every not-implemented method.
     * All methods defined in specific behaviors override these defaults.
     */
    MapBehaviors.DefaultBehavior = {
      setCenter : function (center) {
	console.log("gn-map.html: setCenter(center) is not implemented");
      },
      setRotation : function (rotation) {
	console.log("gn-map.html: setRotation(rotation) is not implemented");
      },
      refresh : function () {
	console.log("gn-map.html: refresh() is not implemented");
      },
      attached : function () {
	console.log("gn-map.html: attached() is not implemented");
      }
    };

    /*
     * Map Polymer: 
     * 	Maps are canvases on which the geographical maps get displayed via any given source.
     *	Features like markers, polygons or polylines can be attached to the map.
     */
    Polymer({
      is: 'gn-map',
    
      /* 
       * Behaviors: Polymer Methods/Properties which override eachother from left to right.
       *
       * Usage:		The leftmost behavior should be the DefaultBehavior (defined above the Polymer)
       * 		The rightmost behavior should be the specific behavior*
       * Example:	behaviors : [DefaultBehavior, SpecificBehavior]
       * 
       * *: The DefaultBehavior gets overwritten by the specific Behavior which is defined by the variable "mapBehavior".
       *    For more information look up the commentary in "js/gn-map.js".
       */
      behaviors : [MapBehaviors.DefaultBehavior, 
	eval("MapBehaviors." + mapBehavior + "Behavior")],

      properties : {

	// TODO needed?
	mapOptions : {
	  type : Object,
	  value : function () {
	    return {
	      //zoom : Number
	      zoom : MapDefaults.zoom
	    };
	  }
	},
	
	// Shared Attributes
	map : Object,
	center : {
	  type : Object,
	  observer : "setCenter"
	},
	rotation : {
	  type : Number,
	  observer : "setRotation"
	}
      },
      // Shared methods
      listeners : {
	refresh: 'refresh'
      }
    });
  </script>

</dom-module>