Mini Shell

Direktori : /home2/aravindar/public_html/admin/assets/pages/google-maps/
Upload File :
Current File : /home2/aravindar/public_html/admin/assets/pages/google-maps/google-maps.js

  'use strict';
  $(document).ready(function() {
      /*Basic map*/
      var basic;
      basic = new GMaps({
          el: '#basic-map',
          lat: 21.217319,
          lng: 72.866472,
          scrollwheel: false
      });

      /*markers map*/
      var map;
      map = new GMaps({
          el: '#markers-map',
          lat: 21.2334329,
          lng: 72.866472,
          scrollwheel: false
      });

      map.addMarker({
          lat: 21.2334329,
          lng: 72.866472,
          title: 'Marker with InfoWindow',
          infoWindow: {
              content: '<p><Phoenicoded></Phoenicoded> <br/> Buy Now at <a href="">XYZ inc</a></p>'
          }
      });


      /*Overlays map*/
      var mapOverlay;
      mapOverlay = new GMaps({
          el: '#mapOverlay',
          lat: 21.2334329,
          lng: 72.866472,
          scrollwheel: false
      });
      mapOverlay.drawOverlay({
          lat: 21.2334329,
          lng: 72.866472,
          content: '<div class="overlay">Address</div>'
      });

      /*Geocoding*/
      var mapGeo = new GMaps({
          div: '#mapGeo',
          lat: 21.2334329,
          lng: 72.866472
      });
      $('#geocoding_form').submit(function(e) {
          e.preventDefault();
          GMaps.geocode({
              address: $('#address').val().trim(),
              callback: function(results, status) {
                  if (status == 'OK') {
                      var latlng = results[0].geometry.location;
                      mapGeo.setCenter(latlng.lat(), latlng.lng());
                      mapGeo.addMarker({
                          lat: latlng.lat(),
                          lng: latlng.lng()
                      });
                  }
              }
          });
      });

      /*Street view*/
      var panorama;
      panorama = GMaps.createPanorama({
          el: '#mapStreet',
          lat: 42.3455,
          lng: -71.0983
      });

      var mapT;

      mapT = new GMaps({
          div: '#mapTypes',
          lat: 21.2334329,
          lng: 72.866472,
          mapTypeControlOptions: {
              mapTypeIds: ["hybrid", "roadmap", "satellite", "terrain", "osm"]
          }
      });
      mapT.addMapType("osm", {
          getTileUrl: function(coord, zoom) {
              return "https://a.tile.openstreetmap.org/" + zoom + "/" + coord.x + "/" + coord.y + ".png";
          },
          tileSize: new google.maps.Size(256, 256),
          name: "OpenStreetMap",
          maxZoom: 18
      });
      mapT.setMapTypeId("osm");

      /*GeoRSS Layers map*/
      var georssmap = new google.maps.Map(document.getElementById('georssmap'), {
          zoom: 4,
          center: { lat: 21.2334329, lng: 72.866472 }
      });

      var georssLayer = new google.maps.KmlLayer({
          url: 'http://api.flickr.com/services/feeds/geo/?g=322338@N20&lang=en-us&format=feed-georss'
      });
      georssLayer.setMap(georssmap);


      var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 6,
          center: { lat: 21.2334329, lng: 72.866472 }
      });

      // Create an array of alphabetical characters used to label the markers.
      var labels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';

      // Add some markers to the map.
      // Note: The code uses the JavaScript Array.prototype.map() method to
      // create an array of markers based on a given "locations" array.
      // The map() method here has nothing To Do with the Google Maps API.
      var markers = locations.map(function(location, i) {
          return new google.maps.Marker({
              position: location,
              label: labels[i % labels.length]
          });
      });

      // Add a marker clusterer to manage the markers.
      var markerCluster = new MarkerClusterer(map, markers, { imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m' });
  });
  var locations = [
      { lat: 21.1702401, lng: 72.8310607 },
      { lat: 21.128143, lng: 79.125618 },
      { lat: 22.451530, lng: 88.399818 },
      { lat: 20.264774, lng: 73.508148 },
      { lat: 23.080135, lng: 72.572174 },
      { lat: 22.835373, lng: 88.360992 },
      { lat: 29.280394, lng: 78.831718 },
      { lat: 9.907271, lng: 78.094429 },
      { lat: 26.903660, lng: 78.514259 },
      { lat: 19.062054, lng: 72.883438 },
      { lat: 11.235264, lng: 78.858414 },
      { lat: 23.302189, lng: 81.356804 },
      { lat: 12.695032, lng: 78.621887 },
      { lat: 22.511976, lng: 88.250992 },
      { lat: 23.125587, lng: 88.546867 },
      { lat: 21.164993, lng: 81.775307 },
      { lat: 21.779188, lng: 87.744629 },
      { lat: 25.416676, lng: 86.129379 },
      { lat: 15.478569, lng: 78.483093 },
      { lat: 13.340881, lng: 74.742142 },
      { lat: 17.143908, lng: 79.623924 }

  ]

Zerion Mini Shell 1.0