GIS-APP/script.js at main · TalhaHunter101/GIS-APP · GitHub

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
require([
    "esri/Map",
    "esri/views/MapView",
    "esri/widgets/BasemapToggle",
    "esri/widgets/BasemapGallery",
    "esri/layers/FeatureLayer",
    "esri/widgets/Search"
  ], function(Map, MapView, BasemapToggle, BasemapGallery, FeatureLayer, Search) {

    var map = new Map({
      basemap: "topo-vector"
    });
    var view = new MapView({
      container: "viewDiv",
      map: map,
      center: [74.329376, 31.582045], // longitude, latitude
      zoom: 13
    });


    var search = new Search({
      view: view
    });
    view.ui.add(search, "top-right");
    var basemapToggle = new BasemapToggle({
        view: view,
        nextBasemap: "satellite"
      });

      view.ui.add(basemapToggle, "bottom-right");

      var basemapGallery = new BasemapGallery({
        view: view,
        source: {
          portal: {
            url: "http://www.arcgis.com",
            useVectorBasemaps: false, // Load vector tile basemap group
          },
        }
      });

      view.ui.add(basemapGallery, "top-right"); // Add to the view
   // Trailheads feature layer (points)
   var trailheadsLayer = new FeatureLayer({
    url: "https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Trailheads/FeatureServer/0"
  });

  map.add(trailheadsLayer);

  // Trails feature layer (lines)
  var trailsLayer = new FeatureLayer({
    url: "https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Trails/FeatureServer/0"
  });

  map.add(trailsLayer, 0);

  // Parks and open spaces (polygons)
  var parksLayer = new FeatureLayer({
    url: "https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Parks_and_Open_Space/FeatureServer/0"
  });

  map.add(parksLayer, 0);

  });