123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687 |
- <html>
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
- <title></title>
- <style>
- html,
- body,
- .map {
- padding: 0;
- margin: 0;
- height: 100%;
- width: 100%;
- }
- </style>
- <script src="http://10.101.35.50/arcgis_js_api/library/4.19/init.js"></script>
-
- <script>
- require([
- "esri/Map",
- "esri/views/MapView",
- "esri/views/SceneView",
- "esri/layers/TileLayer",
- "esri/layers/SceneLayer",
- "esri/geometry/Extent",
- "esri/geometry/SpatialReference",
- ],
- (Map, MapView,SceneView,TileLayer,SceneLayer,Extent,SpatialReference) => {
- window.map = new Map({
- ground: {
- //surfaceColor: 'white'
- }
- });
- window.sceneView = new SceneView({
- container: 'myMap',
- viewingMode: 'local',
- spatialReference: SpatialReference.WebMercator,
- alphaCompositingEnabled: true,
- map: window.map,
- camera: {
- heading: 359.9997942848389,
- tilt: 0.55612228690971334,
- fov: 55,
- position: {
- latitude: 0.04018104720226873,
- longitude: 0.01576215129235358,
- z: 250000.11710326429
- }
- },
- environment: {
- // atmosphere:null,
- background: {
- type: "color",
- color: '#002F47'
- },
- starsEnabled: false,
- atmosphereEnabled: false,
- lighting: {
- date: new Date("August 1, 2019 12:00:00 GMT +0000"),
- directShadowsEnabled: true,
- ambientOcclusionEnabled: true,
- }
- },
- popup: {
- defaultPopupTemplateEnabled: true
- }
- });
-
- const sceneLayer = new SceneLayer({
- url:"http://10.101.35.56//i3s_svc/baimo/SceneServer/layers/0",
- visible: true,
- });
- window.map.layers.add(sceneLayer)
- });
- </script>
- </head>
- <body>
- <div id="myMap" class="map"></div>
- </body>
- </html>
|