Tag ArcGIS Maps SDK for JavaScript

Filter Tiled Layers

One of the core ideas in mapping is the difference between vector and raster layers. For vector layers, the actual geometry data is stored and passed around - for example a point might store the latitude and longitude. For tiled raster layers, the data is stored as images on the server, and those images are displayed as the layer.

In the past, the visualization of tiled raster layers could not be filtered based on geometry. Using layer blending in recent versions of the ArcGIS Maps SDK for JavaScript, this is now possible.

Using the WGS 84 Coordinate System in ArcGIS JavaScript Maps

Web Mercator is the standard for online interactive maps. But what if we want to use the EPSG 4326 (WGS 84) spatial reference?

The Elusive Draggable Map Popup

In the ArcGIS Maps SDK for JavaScript, the popup widget displays the attributes for individual features on the map. In certain cases, you may want the user to be able to move the popup by dragging the mouse cursor. Here’s how to do that.

Import Mapping Libraries from a URL

How to use third-party JavaScript libraries, like the ArcGIS Maps SDK for JavaScript, directly via URL.

Query to Get All Features in the ArcGIS Maps SDK for JavaScript

When you’re querying a Feature Service in the ArcGIS Maps SDK for JavaScript, there’s typically a maximum number of features (records) that will be returned from any query – usually set to 1000. If you want to get all the features in the service, you’ll need to make multiple queries to the service. Here’s how to do it.

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.

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.

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.