nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

ArcGIS JavaScript の使い始め - ホームボタン

Egge-Jan_Pollé

<\/HEAD>

<\/A><\/P>

https:\/\/community.esri.com\/people\/EPolle_TensingInternational\/blog\/2019\/06\/02\/aan-de-slag-met-arcgis-javascript-inleiding<\/A><\/P>

<\/P>

Home Widget<\/H2><\/P>インタラクティブな地図上で、ユーザーはズームイン・ズームアウトやパン操作ができます。ユーザーにスタート位置、つまり標準の地図表示に戻る機能を提供するために、アプリケーションにthuisknop<\/strong>を追加できます。<\/P>以下では、そのようなHome<\/A>ウィジェットを簡単かつ迅速に追加する方法を示します。ここをクリックして、thuisknop付きのwebmapの動作を確認してください。<\/A><\/P>
<\/P>
注意：このwebアプリケーションには、以前の演習で追加したいくつかのウィジェットも含まれていることがわかります。例えば、
https:\/\/community.esri.com\/people\/EPolle_TensingInternational\/blog\/2019\/06\/05\/aan-de-slag-met-arcgis-javascript-kaart-draaien<\/A>や https:\/\/community.esri.com\/people\/EPolle_TensingInternational\/blog\/2019\/05\/22\/aan-de-slag-met-arcgis-javascript-widgets-inklappen<\/A>などで、検索バーとベースマップギャラリーの展開・折りたたみが可能です。 <\/P>
<!DOCTYPE html><\/><<\/>html<\/>><\/><\/><<\/>head<\/>><\/><\/><<\/>meta<\/> charset<\/>=<\/>"<\/>utf-8"<\/><\/>><\/><\/><<\/>meta<\/> name<\/>=<\/>"<\/>viewport"<\/>,
activeLayer: {
id: "brtachtergrondkaart"
}
})
],
title: "BRT Achtergrondkaart (PDOK)",
id: "brtachtergrondkaart_pdok",
thumbnailUrl: "images\/map.jpg"
});

// Basiskaarten Esr Nederland
var lightGrayCanvas_RD_EsriNL = new Basemap({portalItem: {id: "9ff6521e85d24df1aa9cd4aebfef748b"}}); // ライトグレーキャンバス RD
var darkGrayCanvas_RD_EsriNL = new (<\/SPAN>{<\/SPAN>
container:<\/SPAN> document.<\/SPAN>createElement<\/SPAN>(<\/SPAN>"div"<\/SPAN>)<\/SPAN>,<\/SPAN>
view:<\/SPAN> view,<\/SPAN>
source:<\/SPAN> dutchBasemaps
}<\/SPAN>)<\/SPAN>;<\/SPAN>

basemapGalleryExpand =<\/SPAN> new<\/SPAN> Expand<\/SPAN>(<\/SPAN>{<\/SPAN>
expandIconClass:<\/SPAN> "esri-icon-basemap"<\/SPAN>,<\/SPAN> // see https:\/\/developers.arcgis.com\/javascript\/latest\/guide\/esri-icon-font\/<\/SPAN>
expandTooltip:<\/SPAN> basemapGallery.<\/SPAN>label,<\/SPAN>
view:<\/SPAN> view,<\/SPAN>
content:<\/SPAN> basemapGallery.<\/SPAN>domNode,<\/SPAN>
group:<\/SPAN> "top-right"<\/SPAN>
}<\/SPAN>)<\/SPAN>;<\/SPAN>

var<\/SPAN> searchWidget =<\/SPAN> new<\/SPAN> Search<\/Span>({
container: document.createElement(

タグ付けされた投稿をもっと見る

There are no comments yet

会話に参加する

サインインしたメンバーは投稿、更新のフォローなどができます。初めてですか？無料アカウントを登録してください。

クイックリンク

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.