aboutsummaryrefslogtreecommitdiff
path: root/gmap_arcgis.js
blob: 0f349211291b5d25720df6903a506dc9710d0bcb (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
// $Id$

// Load Google Maps API
google.load("maps", "2.x");

// Global variables
var map, mapExtension, gOverlays;

// Setup custom GMap Overlays (layers and labels)
function gmap_arcgis() {
  /**
   * Use a timer to make sure everything is loaded upon execution time.
   * See http://drupal.org/node/223613#comment-736303
   */
  setTimeout(function() {
    // Variables
    var polygons = new Array();
    var labels   = new Array();
    var fields   = new Array();
    var id       = 'auto1map';
    var content, label;
  
    // Get data from Drupal
    if (Drupal.settings.gmap_arcgis !== undefined) {
      // Get array of polygons
      if (Drupal.settings.gmap_arcgis.polygons !== undefined) {
        polygons = Drupal.settings.gmap_arcgis.polygons;
      }
      // Get array of labels
      if (Drupal.settings.gmap_arcgis.labels !== undefined) {
        labels = Drupal.settings.gmap_arcgis.labels;
      }
      // Get Map Id
      if (Drupal.settings.gmap_arcgis.id !== undefined) {
        id = Drupal.settings.gmap_arcgis.id;
      }
    }
  
    // Get an existing GMap instance using Drupal GMap Module API
    // and add an ArcGIS extension to it
    map          = Drupal.gmap.getMap(id).map;
    mapExtension = new esri.arcgis.gmaps.MapExtension(map);
  
    for (var i = 0; i < labels.length; i++) {
      label = labels[i];
      // Set default fallback values for labels
      fields  = ["id", "name"];
      content = 'Placeholder';
      icon    = new GIcon(G_DEFAULT_ICON);
  
      if (label[1] !== undefined) {
        // Set custom fields
        fields = [ label[1][0], label[1][1] ];
      }
  
      if (label[2] !== undefined) {
        // Set custom content
        content = label[2];
      }
  
      if (label[3] !== undefined) {
        // Set label icons
        var info              = label[3];
        icon.shadow           = info[0];
        icon.image            = info[1];
        icon.infoSize         = new  GSize(info[2][0], info[2][1]);
        icon.shadowSize       = new  GSize(info[3][0], info[3][1]);
        icon.infoAnchor       = new GPoint(info[4][0], info[4][1]);
        icon.infoWindowAnchor = new GPoint(info[5][0], info[5][1]);
      }
      GEvent.addListener(map, "moveend", function() { showLabels(label[0], fields, content, icon); });
      showLabels(label[0], fields, content, icon);
    }
  
    for (var j = 0; j < polygons.length; j++) {
      showPolygons(polygons[j]);
    }
  }, 500);
}

// Add labels from a given ArcGIS MapServer Layer
function showLabels(label, fields, content, icon) {
  var bounds    = map.getBounds();
  var queryTask = new esri.arcgis.gmaps.QueryTask(label);
  var query     = new esri.arcgis.gmaps.Query();

  // clear gOverlays overlays and event listeners
  //mapExtension.removeFromMap(gOverlays);

  // set query parameters
  query.queryGeometry  = bounds;
  query.returnGeometry = true;
  query.outFields      = fields;

  // set the callback
  var callback = showLabelsCallback(fields, content, icon);

  // execute query task
  queryTask.execute(query, false, callback);
}

// Callback for showLabels
function showLabelsCallback(fields, content, icon) {
  return function(fset) {
    // Label title
    var title = '{' + fields[1] + '}';

    // JS literal class esri.arcgis.gmaps.MarkerOptions
    var myMarkerOptions = { title:title, icon:icon };

    // JS literal class esri.arcgis.gmaps.OverlayOptions
    var overlayOptions = { markerOptions:myMarkerOptions };

    // JS literal class esri.arcgis.gmaps.InfoWindowOptions without tabs
    var infoWindowOptions = { content: content };

    gOverlays = mapExtension.addToMap(fset, overlayOptions, infoWindowOptions);
  }
}

// Add polygons from a given ArcGIS MapServer Layer
function showPolygons(uri) {
  polygons = new esri.arcgis.gmaps.DynamicMapServiceLayer(uri, null, 0.45, showPolygonsCallback);
}

// Callback for showPolygons
function showPolygonsCallback(mapservicelayer, error) {
  map.addOverlay(mapservicelayer);
}

// Add custom marker
function createMarker(point, name, html, icone) {
  var icon              = new GIcon();
  icon.image            = icone;
  icon.shadow           = "http://maps.google.com/mapfiles/ms/micons/msmarker.shadow.png";
  icon.iconSize         = new GSize(12, 20);
  icon.shadowSize       = new GSize(22, 20);
  icon.iconAnchor       = new GPoint(6, 20);
  icon.infoWindowAnchor = new GPoint(5, 1);

  var marker = new GMarker(point);
  GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(html); });
  return marker;
}

// Add map overlays
$(document).ready(function() {
  google.setOnLoadCallback(gmap_arcgis);
});