google-map-point.html

<!-- Copyright (c) 2015 Google Inc. All rights reserved. -->

<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../google-apis/google-maps-api.html">

<!--
The `google-map-point` element represents a point on a map. It's used as a child of other
google-map-* elements.

<b>Example</b>—points defining a semi-translucent blue triangle:

    <google-map latitude="37.77493" longitude="-122.41942">
      <google-map-poly closed fill-color="blue" fill-opacity=".5">
        <google-map-point latitude="36.77493" longitude="-121.41942"></google-map-point>
        <google-map-point latitude="38.77493" longitude="-122.41942"></google-map-point>
        <google-map-point latitude="36.77493" longitude="-123.41942"></google-map-point>
      </google-map-poly>
    </google-map>
-->

<script>
  (function() {
    'use strict';

    Polymer({
      is: 'google-map-point',

      hostAttributes: {hidden: true},

      properties: {
        /**
         * The point's longitude coordinate.
         */
        longitude: {
          type: Number,
          value: null
        },

        /**
         * The point's latitude coordinate.
         */
        latitude: {
          type: Number,
          value: null
        }
      },

      /**
       * Returns the point as a Google Maps LatLng object.
       *
       * @return {google.maps.LatLng} The LatLng object.
       */
      getPosition: function() {
        return new google.maps.LatLng(this.latitude, this.longitude);
      }
    });
  })();
</script>