ArcGIS Web AppBuilder アプリケーションのフィーチャ ポップアップ属性がモバイル デバイスに表示されない

説明

モバイル デバイス上の ArcGIS Web AppBuilder アプリケーションでフィーチャのポップアップを表示すると、タイトルのみが表示され、属性の詳細や構成されているその他のエレメントは表示されません。

原因

これは、モバイル ブラウザーでアプリにアクセスする際の仕様です。 Web AppBuilder アプリケーションは、デスクトップ ブラウザーでアプリケーションにアクセスするかモバイル ブラウザーでアクセスするかに応じて、2 つのレイアウト スタイルをサポートしています。 画面の幅が 600 ピクセル以下の場合は、モバイル用のレイアウトが自動的に適用されます。

解決策または対処法

ポップアップを完全に表示するには、URL に CSS スタイル スクリプトを追加して、モバイル ブラウザーでレイアウト スタイルを制御します。

1. Web AppBuilder アプリケーションを使用して、目的のフィーチャ レイヤーを開きます。
2. モバイル デバイスのブラウザーで、Web アプリケーションの URL リンクの末尾に次のコードを追加します。

&mobileBreakPoint=300

Note:
'&mobileBreakPoint' is a CSS style used to adjust the web page to match the screen width of the device. Setting the breakpoint to be at 300 allows the app to recognize the mobile web page as a desktop layout rather than a mobile layout.

URL の例:

https://experience.arcgis.com/builder/?id=24b30e4dvdghh8j1aa8d8dd&mobileBreakPoint=300

これで、ポップアップが Web AppBuilder アプリケーションに完全に表示されるようになります。