Tag GIS
My Favorite ArcGIS JavaScript API CodePens
Here are some of my favorite code samples I’ve collected on my CodePen account over the past few years.
Split Polygon Demo
Load Protocol Buffers in the Browser
While working on a project recently I was inspired to learn a bit more about Protobuf files. I especially wanted to know how you can load them directly in a browser.
Use the ArcGIS Maps SDK for JavaScript with Svelte
My colleague Jacob and I have really been enjoying using the Svelte JavaScript Framework while building mapping web apps with the ArcGIS Maps SDK for JavaScript. Here are a few links and resources that I’ve collected.
ArcGIS JavaScript API Camera Helper
In a custom web map app, when creating your initial view, you usually start with the x/y (latitude/longitude) and an initial zoom level. When creating 3D web map apps that’s a bit harder, because you have to worry about the camera tilt and heading too. To make this process easier, I recently created a little tool, the ArcGIS JS API Camera Helper.
Top 5 Interesting Basemaps of 2019
Some of the best and interesting basemaps that you can use in your web maps.
St. Louis Imagery - 1990 to Now
What kind of changes to the built environment happened in your city within the past 25 years? Looking at and comparing aerial imagery can be an informative and compelling way to investigate changes.
Using the R-ArcGIS Bridge in Jupyter
I was sitting in a presentation a few weeks ago on the R-ArcGIS bridge and I had a question: “Can I use the R-ArcGIS bridge in my Jupyter Notebook?” When I asked one of the presenters if this would be possible, he said, “Yes”. So, after the presentation, I set out to get the R-ArcGIS bridge running in Jupyter. Installing the ArcGIS-R Bridge The first thing I did was install the R-ArcGIS bridge.
Custom Web AppBuilder Widgets in TypeScript
If you’re a JavaScript developer, you may have heard of TypeScript, a typed superset of JavaScript that compiles to plain JavaScript. If you’re also creating custom Web AppBuilder widgets, using TypeScript in a widget is a great way to get started with TypeScript. Here are a few notes and tips that I’ve discovered while using TypeScript within a Web AppBuilder custom widget development workflow.
ArcGIS JavaScript API 4 - Hover Feature Event
The way hover events work in the JavaScript API 4 vs 3 is a bit different. In the 3.x API, you could use the “mouse-move”, “mouse-over”, and “mouse-out” events on the Feature Layer object itself. But in the 4.x API, you want to use the “pointer-move” event of the MapView (or SceneView). Here are some examples.