POST
|
Hello, I am new to webgl. Going through this example , I see how tessellateExtent is working. Tessellation helpers for custom WebGL layer views | ArcGIS API for JavaScript 4.14 I have a lat long with in this extent. I want to convert a map point (lat,long) to a texcoord , so that I can use it in my webgl shaders. I am not sure how to convert. Going through the documentation , I see we need to convert from map point (lat,long ) - > pixel -> clipspace -> texcoord . Correct me if I am wrong. Could you provide a code example for this case ?
... View more
03-18-2020
10:48 AM
|
0
|
0
|
361
|
POST
|
I think i figured out the answer. Thanks . Will post it soon.
... View more
11-13-2017
01:37 PM
|
0
|
0
|
431
|
POST
|
I created a following basemap in arcgis online using mapbox : https://arcg.is/1zf5qz I want to use this map as a basemap in my application. I am trying to follow this example here ArcGIS API for JavaScript Sandbox The mapBaseLayer urlTemplate contains a http://~xxx.png . Not sure how to use the arcgis online custom maps in arcgis api 4.5 Do I need a png from arcgis online to use my map . If so can you provide an example ?
... View more
11-13-2017
12:17 PM
|
0
|
4
|
577
|
POST
|
Is it possible to show marker based on zoom level (something like as we zoom in more points are visible). So that they are not overlapping when zoom out too far and looks clean on map view ?
... View more
11-13-2017
11:23 AM
|
0
|
0
|
4281
|
POST
|
This worked for me this.view.constraints = { minZoom: 9 };
... View more
11-13-2017
11:19 AM
|
2
|
4
|
4281
|
POST
|
I am trying to set the following properties on the view (arcgis api 4.5) effectiveMinZoom effectiveMaxZoom. So that I can set the max and min allowed zoom level . For some reason I don't see any errors and the min and max zoom levels are not set. I also tried minZoom and maxZoom. No luck Here is my code : var map = new Map({ basemap: "hybrid" }); // map.add(transportationLyr); var view = new MapView({ container: "viewDiv", // Reference to the DOM node that will contain the view map: map, // References the map object created in step 3 zoom: 12, effectiveMaxZoom: 15, effectiveMinZoom: 10, center: [-82.78,35.0], padding:{ right:320 } });
... View more
11-10-2017
04:10 PM
|
0
|
6
|
5954
|
POST
|
Thank you. Could you show me an example of how to trigger mouse events on points or polylines in view.graphic layer. For example when I click on a point I want to change outline color , so that it indicates its selected.
... View more
11-09-2017
11:56 AM
|
0
|
1
|
677
|
POST
|
I am using arcgisAPI 4.5. I have two points on map view. I want to highlight second point using a flag/checkbox. Do I need to remove all graphic on the screen and add them back again using a different marker symbol or is there a way to identify and update the point using id ? Here is my code : <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"> <title>Intro to graphics - 4.5</title> <link rel="stylesheet" href="https://js.arcgis.com/4.5/esri/css/main.css"> <script src="https://js.arcgis.com/4.5/"></script> <style> html, body, #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; } </style> <script> require([ "esri/Map", "esri/views/MapView", "esri/Graphic", "dojo/domReady!" ], function( Map, MapView, Graphic, ) { var map = new Map({ basemap: "hybrid" }); var view = new MapView({ center: [-80, 35], container: "viewDiv", map: map, zoom: 3 }); createPoint(-49.97,41.73); createPoint(-49.97,47.73); function createPoint(lng, lat){ var point = { type: "point", longitude: lng, latitude: lat }; var markerSymbol = { type: "simple-marker", color: [226, 119, 40], outline: { color: [255, 255, 255], width: 2 } }; var pointGraphic = new Graphic({ geometry: point, symbol: markerSymbol }); view.graphics.add(pointGraphic); } }); </script> </head> <body> <div id="viewDiv"></div> </body> </html>
... View more
11-08-2017
05:02 PM
|
0
|
3
|
1516
|
POST
|
Thank you . It works great. Couple of related questions : 1. Do I need to do something special to display pressure map legends in esri ? example link : Interactive weather maps - OpenWeatherMap 2. When OpenWeatherMap data updates , does esri map layer update automatically ? In other words if the weather api updates every 10 mins does the esri WebTileLayer also update ? (with out any UI interaction)
... View more
10-29-2017
07:38 PM
|
0
|
1
|
1312
|
POST
|
I am trying to integrate OpenWeatherMap weather layers into esri map. So that I can see some real time weather data on the map. I am trying to integrate OpenWeatherMap weather layers into esri map. So that I can see some real time weather data on the map. When I create a weather layer using WebTiledLayer , it creates the layer and adds it to the map just fine no errors in console, but it doesn't display anything except basemap. When I watch the network traffic, it looks like 1 request is made to OpenWeatherMap layer and then no request are made for that layer. If I zoom or pan, I can see the basemap requests are made and redrawn, but nothing for my OpenWeatherMap- WebTiledLayer. Am I missing something very basic here ? I am following the code sample from : WebTileLayer | ArcGIS API for JavaScript 4.5 Here is my code : <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"> <title>WebTileLayer - 4.5</title> <style> html, body, #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; } </style> <link rel="stylesheet" href="https://js.arcgis.com/4.5/esri/css/main.css"> <script src="https://js.arcgis.com/4.5/"></script> <script> var tiledLayer; require([ "esri/config", "esri/layers/WebTileLayer", "esri/Map", "esri/views/MapView", "dojo/dom", "dojo/domReady!" ], function(esriConfig, WebTileLayer, Map, MapView, dom) { esriConfig.request.corsEnabledServers .push("http://tile.openweathermap.org/"); var map = new Map({ basemap: "dark-gray" }); var view = new MapView({ container: "viewDiv", map: map }); tiledLayer = new WebTileLayer({ urlTemplate: "http://tile.openweathermap.org/map/pressure_new/{z}/{x}/{y}.png?appid={my_app_id}" }); map.add(tiledLayer); }); </script> </head> <body> <div id="viewDiv"></div> </body> </html>
... View more
10-28-2017
08:27 PM
|
0
|
1
|
892
|
POST
|
I am trying to integrate OpenWeatherMap weather layers into esri map. So that I can see some real time weather data on the map. When I create a weather layer using WebTiledLayer , it creates the layer and adds it to the map just fine no errors in console, but it doesn't display anything except basemap. When I watch the network traffic, it looks like 1 request is made to OpenWeatherMap layer and then no request are made for that layer. If I zoom or pan, I can see the basemap requests are made and redrawn, but nothing for my OpenWeatherMap- WebTiledLayer. Am I missing something very basic here ? I am following the code sample from : WebTileLayer | ArcGIS API for JavaScript 4.5 Here is my code : <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"> <title>WebTileLayer - 4.5</title> <style> html, body, #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; } </style> <link rel="stylesheet" href="https://js.arcgis.com/4.5/esri/css/main.css"> <script src="https://js.arcgis.com/4.5/"></script> <script> var tiledLayer; require([ "esri/config", "esri/layers/WebTileLayer", "esri/Map", "esri/views/MapView", "dojo/dom", "dojo/domReady!" ], function(esriConfig, WebTileLayer, Map, MapView, dom) { esriConfig.request.corsEnabledServers .push("http://tile.openweathermap.org/"); var map = new Map({ basemap: "dark-gray" }); var view = new MapView({ container: "viewDiv", map: map }); tiledLayer = new WebTileLayer({ urlTemplate: "http://tile.openweathermap.org/map/pressure_new/{z}/{x}/{y}.png?appid={my_app_id}" }); map.add(tiledLayer); }); </script> </head> <body> <div id="viewDiv"></div> </body> </html>
... View more
10-28-2017
08:14 PM
|
0
|
3
|
2261
|
Title | Kudos | Posted |
---|---|---|
2 | 11-13-2017 11:19 AM |
Online Status |
Offline
|
Date Last Visited |
11-11-2020
02:25 AM
|