Skip to content

Instantly share code, notes, and snippets.

@hrmshandy

hrmshandy/leaflet.google.js

Forked from harshvb7/leaflet.google.js
Created January 9, 2017 12:56
Show Gist options
  • Save hrmshandy/ca488ff4afc39b2e530cdc4b8cfc30d7 to your computer and use it in GitHub Desktop.
Save hrmshandy/ca488ff4afc39b2e530cdc4b8cfc30d7 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @harshvb7 harshvb7 created this gist Dec 8, 2016.
    155 changes: 155 additions & 0 deletions leaflet.google.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,155 @@
    /*
    * L.TileLayer is used for standard xyz-numbered tile layers.
    */

    L.Google = L.Class.extend({
    includes: L.Mixin.Events,

    options: {
    minZoom: 0,
    maxZoom: 18,
    tileSize: 256,
    subdomains: 'abc',
    errorTileUrl: '',
    attribution: '',
    opacity: 1,
    continuousWorld: false,
    noWrap: false,
    },

    // Possible types: SATELLITE, ROADMAP, HYBRID
    initialize: function(type, options, styles) {
    this._type = google.maps.MapTypeId[type || 'SATELLITE'];
    L.Util.setOptions(this, options);
    this._styles = styles;
    },

    onAdd: function(map, insertAtTheBottom) {
    this._map = map;
    this._insertAtTheBottom = insertAtTheBottom;

    // create a container div for tiles
    this._initContainer();
    this._initMapObject();

    // set up events
    map.on('viewreset', this._resetCallback, this);

    this._limitedUpdate = L.Util.limitExecByInterval(this._update, 150, this);
    map.on('move', this._update, this);
    //map.on('moveend', this._update, this);

    this._reset();
    this._update();
    },

    onRemove: function(map) {
    this._map._container.removeChild(this._container);
    //this._container = null;

    this._map.off('viewreset', this._resetCallback, this);

    this._map.off('move', this._update, this);
    //this._map.off('moveend', this._update, this);
    },

    getAttribution: function() {
    return this.options.attribution;
    },

    setOpacity: function(opacity) {
    this.options.opacity = opacity;
    if (opacity < 1) {
    L.DomUtil.setOpacity(this._container, opacity);
    }
    },

    _initContainer: function() {
    var tilePane = this._map._container
    first = tilePane.firstChild;

    if (!this._container) {
    this._container = L.DomUtil.create('div', 'leaflet-google-layer leaflet-top leaflet-left');
    this._container.id = "_GMapContainer";
    }

    if (true) {
    tilePane.insertBefore(this._container, first);

    this.setOpacity(this.options.opacity);
    var size = this._map.getSize();
    this._container.style.width = size.x + 'px';
    this._container.style.height = size.y + 'px';
    }
    },

    _initMapObject: function() {
    this._google_center = new google.maps.LatLng(0, 0);
    if (this._styles) {
    var styledMapType = new google.maps.StyledMapType(this._styles, {name: 'Styled Map'});
    }
    var map = new google.maps.Map(this._container, {
    center: this._google_center,
    zoom: 0,
    mapTypeId: this._type,
    disableDefaultUI: true,
    keyboardShortcuts: false,
    draggable: false,
    disableDoubleClickZoom: true,
    scrollwheel: false,
    streetViewControl: false
    });

    if (this._styles) {
    map.mapTypes.set('styled_map', styledMapType);
    map.setMapTypeId('styled_map');
    }

    var _this = this;
    this._reposition = google.maps.event.addListenerOnce(map, "center_changed",
    function() { _this.onReposition(); });

    map.backgroundColor = '#ff0000';
    this._google = map;
    },

    _resetCallback: function(e) {
    this._reset(e.hard);
    },

    _reset: function(clearOldContainer) {
    this._initContainer();
    },

    _update: function() {
    this._resize();

    var bounds = this._map.getBounds();
    var ne = bounds.getNorthEast();
    var sw = bounds.getSouthWest();
    var google_bounds = new google.maps.LatLngBounds(
    new google.maps.LatLng(sw.lat, sw.lng),
    new google.maps.LatLng(ne.lat, ne.lng)
    );
    var center = this._map.getCenter();
    var _center = new google.maps.LatLng(center.lat, center.lng);

    this._google.setCenter(_center);
    this._google.setZoom(this._map.getZoom());
    //this._google.fitBounds(google_bounds);
    },

    _resize: function() {
    var size = this._map.getSize();
    if (this._container.style.width == size.x &&
    this._container.style.height == size.y)
    return;
    this._container.style.width = size.x + 'px';
    this._container.style.height = size.y + 'px';
    google.maps.event.trigger(this._google, "resize");
    },

    onReposition: function() {
    //google.maps.event.trigger(this._google, "resize");
    }
    });