openlayers-8.x-4.x-dev/src/Plugin/Source/GoogleMaps/js/googlemaps.js

Drupal.openlayers.pluginManager.register({
  fs: 'openlayers.Source:GoogleMaps',
  init: function(data) {

    var olMapDiv = jQuery(data.map.getViewport()).parent();
    var gmapDiv = jQuery('#gmap-' + olMapDiv.attr('id'));

    var gmap = new google.maps.Map(gmapDiv[0], {
      disableDefaultUI: true,
      keyboardShortcuts: false,
      draggable: false,
      disableDoubleClickZoom: true,
      scrollwheel: false,
      streetViewControl: false,
      tilt: 0,
      mapTypeId: google.maps.MapTypeId[data.opt.mapTypeId] || 'roadmap'
    });
    gmapDiv.data('gmap', gmap);

    data.map.getView().on('change:center', function() {
      var center = ol.proj.transform(data.map.getView().getCenter(), 'EPSG:3857', 'EPSG:4326');
      gmap.setCenter(new google.maps.LatLng(center[1], center[0]));
    });
    data.map.getView().on('change:resolution', function() {
      gmap.setZoom(data.map.getView().getZoom());
    });

    data.map.getView().setCenter(data.map.getView().getCenter());
    data.map.getView().dispatchEvent('change:center');

    data.map.getView().setZoom(data.map.getView().getZoom());
    data.map.getView().dispatchEvent('change:resolution');

    data.map.on('change:size', function() {
      google.maps.event.trigger(gmap, 'resize');
    });

    olMapDiv[0].parentNode.removeChild(olMapDiv[0]);
    gmap.controls[google.maps.ControlPosition.TOP_LEFT].push(olMapDiv[0]);

    data.opt.state = false;
    return new ol.source.Tile(data.opt);
  },

  /**
   * Helper to access the gmap instance in a ol.Map.
   */
  getMap: function(map){
    var olMapDiv = jQuery(map.getViewport()).parent();
    return jQuery('#gmap-' + olMapDiv.attr('id')).data('gmap');
  },

  /**
   * Attaches the gmap API by loading the script.
   * Evaluates all google maps sources and uses the most complex set of settings.
   * Attention: It's not possible to have maps with different key, channel or
   * client parameters.
   */
  scriptLoading: false,
  attach: function(context, settings) {
    // There are cases in which google is already defined, but the loading isn't
    // finished, so make sure we'll wait till the loading is complete before
    // calling the initialize function ourselves.
    if (Drupal.openlayers.pluginManager.getPlugin('openlayers.Source:GoogleMaps').scriptLoading) {
      return;
    }
    if (typeof google === 'undefined' || typeof google.maps === 'undefined') {
      Drupal.openlayers.pluginManager.getPlugin('openlayers.Source:GoogleMaps').scriptLoading = true;

      var params = {
        v: 3,
        callback: 'Drupal.openlayers.openlayers_source_internal_googlemaps_initialize'
      };

      // Collect all google API settings.
      jQuery('.openlayers.gmap-map').each(function(){
        var map_id = jQuery(this).attr('id').replace('gmap-', '');

        if (Drupal.settings.openlayers.maps[map_id] !== undefined) {
          jQuery.each(Drupal.settings.openlayers.maps[map_id].source, function(i, source){
            if (source.fs == 'openlayers.Source:GoogleMaps') {
              if (source.opt.channel) {
                params.channel = source.opt.channel;
              }
              if (source.opt.client) {
                params.client = source.opt.client;
              }
              if (source.opt.key) {
                params.key = source.opt.key;
              }
              if (source.opt.sensor) {
                params.sensor = 'true';
              }
            }
          });
        }
      });

      // Add the script with the collected settings.
      var script = document.createElement('script');
      script.type = 'text/javascript';
      script.src = 'https://maps.googleapis.com/maps/api/js?' + jQuery.param(params);
      document.body.appendChild(script);
    }
    else {
      // Google API already available - initialize right away.
      Drupal.openlayers.openlayers_source_internal_googlemaps_initialize();
    }
  }
});


/**
 * Callback to initialize all google maps as soon as the gmap API is available.
 */
Drupal.openlayers.openlayers_source_internal_googlemaps_initialize = function() {
  Drupal.openlayers.pluginManager.getPlugin('openlayers.Source:GoogleMaps').scriptLoading = false;
  jQuery('.openlayers.gmap-map').once('gmap-init').each(function() {
    var map_id = jQuery(this).attr('id').replace('gmap-', '');
    var callback = Drupal.openlayers.asyncIsReadyCallbacks[map_id.replace(/[^0-9a-z]/gi, '_')];
    if (callback !== undefined) {
      callback();
    }
  });
};