地图和视图

1
2
3
4
5
6
7
8
9
const myMap = new Map({                // 创建 Map 对象
  basemap: myBasemap,                  // basemap对象                    layers: additionalLayers             // 可以选择性地添加其他图层集合
});

const mapView = new MapView({          // Map 对象的视图
  map: myMap,
  container: "mapDiv"
});

1
2
3
4
5
6
7
8
9
10
11
const webMap = new WebMap({                        // 定义 web 地图参考
  portalItem: {
    id: "2a78a76e9a4144f9873355367ae76e26",
    portal: "https://www.geosceneonline.cn/geoscene"               // 默认： GeoScene Online 门户
  }
});

const view = new MapView({
  map: webMap,                                     // 加载 web 地图
  container: "viewDiv"
});

1
2
3
4
5
6
7
8
9
10
11
const webScene = new WebScene({                    // 定义 web 场景参考
  portalItem: {
    id: "11593e93155b4db38cd32f538e9213d6",
    portal: "https://www.geosceneonline.cn/geoscene"               // 默认：GeoScene Online 门户
  }
});

const view = new SceneView({                       // 加载 web 场景
  map: webScene,
  container: "viewDiv"
});

1
2
3
4
const mapView = new MapView({          // 创建 MapView 对象
  map: myMap,
  container: "mapViewDiv"
});

1
2
3
4
const sceneView = new SceneView({      // 创建 SceneView 对象
  map: myMap,
  container: "sceneViewDiv"
});

1
2
3
4
const view = new MapView({
  center: [ 116, 39 ],          // 用经纬度表示的地图中心
  zoom: 13                      // 缩放级别 (LOD) ，此处设置为 13
});

1
2
3
4
5
6
7
8
9
10
11
var view = new SceneView({
  camera: {
    position: [
       122, // 经度
         38, // 纬度
      50000  // 高程，以米为单位
    ],
    heading: 95, // 相机正对的方向
    tilt: 65 // 相机相对于地面的倾斜度
  }
});

1
2
3
4
5
6
7
view.goTo({                            //使用自定义动画，在设定时间内转至到某点
  target: {
      center: [ 114, 39 ]
    }, {
      duration: 5000
  });
});

1
2
3
4
5
6
7
8
9
10
11
12
13
view.popup.autoOpenEnabled = false;  // 禁用默认的弹出行为

view.on("click", function(event) { // 监听单击事件
  view.hitTest(event).then(function (hitTestResults){ // 搜索用户单击处的要素
    if(hitTestResults.results) {
      view.popup.open({ // 打开弹出窗口以显示一些结果
        location: event.mapPoint,
        title: "Hit Test Results",
        content: hitTestResults.results.length + "Features Found"
      });
    }
  })
});

1
2
3
4
5
6
7
8
  var searchWidget = new Search({
    view: view
  });

  // 将搜索微件添加到视图的右上角
  view.ui.add(searchWidget, {
    position: "top-right"
  });