のスマートマッピングツール

スマートマッピングツール

Smart Mapping プラットフォームのESRI広いツールです.それはあなたのWebマッピングアプリケーションの素晴らしい視覚化を作成するためのいくつかの直感的な方法を提供します.私は非常にあなたのスマートマッピングの旅であなたの最初の停止はMap Viewer . あなたのレイヤー、およびマップビューアでマップをするときは、それらを保存することができますし、簡単に自分自身のアプリケーションでそれらを、スタイルとすべてを消費する.
しかし、時々いくつかのものをカスタマイズする必要があります.あなたは、あなたのアプリケーションで表示する未知の様々なデータソースのCSV、GeoJSONで動作することがあります.ここでスマートマッピングツールin the ArcGIS API for JavaScript は便利です.
私はあなたができる方法についてのカップルのビデオをしたcreate popups レイヤーから、また、Smart Mapping popup helpers ポップアップを作成するには、あなたの可視化と一緒に行きます.
しかし、あなたは素晴らしいアプリを作るために一緒に様々なモジュールを使用することができます!

マックススケール

Pooptemplate

レンダラ

あなたが行うことができる最初のものの一つは、スマートマッピングツールscale ranges あなたの層のために.

import scaleRange from '@arcgis/core/smartMapping/heuristics/scaleRange';

// determine min/max scales
const { minScale, maxScale } = await scaleRange({
    layer: featureLayer,
    view,
});

// apply scales to layer
featureLayer.minScale = minScale;
featureLayer.maxScale = maxScale;

The scaleRange メソッドは、ターゲット層、および適切なスケール範囲を決定するビューが必要です.すべてのスケールで描画されたデータを見ることは常に意味をなさないので、アプリケーションでクリーンなマッピングを行うには非常に便利です.
次に、レイヤのレンダラを作成できます.この場合、我々はAを作ることに興味があるかもしれませんrelationship renderer .

import { createRenderer } from '@arcgis/core/smartMapping/renderers/relationship';
const { renderer } = await createRenderer({
    layer: featureLayer,
    view,
    field1: {
        field: 'HSE_UNITS',
    },
    field2: {
        field: 'VACANT',
    },
});
featureLayer.renderer = renderer;

につきdocumentation 我々は関係の可視化に興味のある2つの分野を提供する必要があります.返されるレンダラをレイヤに割り当てることができます.
その後、最終的に、我々は良いスケールと魅惑的な可視化を決定するためにすべてのトラブルを通過し、我々は適切なポップアップでそれを褒め称える必要があります!

import { getTemplates } from '@arcgis/core/smartMapping/popup/templates';

const { primaryTemplate } = await getTemplates({
    layer: featureLayer,
});

featureLayer.popupTemplate = primaryTemplate.value;
featureLayer.popupTemplate.title = primaryTemplate.title;

The templates ヘルパーは、使用されているレンダラに基づいてポップアップの最高の形式を決定します.これはあなたのアプリケーションで情報を伝えるしようとするとプレーンテーブルベースのポップアップから離れることができるので、超便利です!
そこに行く!それはあなた自身のアプリケーションでスマートマッピングの使用を自動化するための基本的な、まだ効果的なワークフローです.私はあなたのすべてのマッピングアプリでいくつかの素晴らしい視覚化を見て楽しみにしています!
下のビデオでもっと見ることができます!