私はちょうどCemetery<\/A> Appを再作成しました。前のバージョンはAMD<\/A> スタイルのJavaScriptを使用していませんでした。これにより、古いスクリプトは非常に長く、見た目も悪く、かさばっていました。<\/P> 旧バージョン<\/SPAN><\/P> <\/P> & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; 新バージョン<\/SPAN><\/P>&nb sp; & nb sp; & nb sp; & nb sp; & nb sp; & nb sp; & nb sp; & nb sp; & nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ; <\/P>ESRIがAMDに移行し始めたため、元のコードを入手できたので、現在のバージョンにはより多くの機能を追加できました。<\/P>これは私のお気に入りのアプリになりました。アプリを書く間にほとんど独学でJavaScriptを学びました。最初のアプリは完成まで約5ヶ月かかりました。その過程の一部として、19000基の墓地情報を更新しました。<\/P>&nb sp ;&nb sp ;&nb sp ;&nb sp ;&nb sp ;&nb sp ;&nb sp ;&nb sp ;  ;  ;  ;  ;  ;  ;  ;  ;  ;  ;  ;  ;  ;  ;  ; <\/P><\/P>作成<\/STRONG><\/P>スクリプトはDataGrid JavaScript<\/A> テンプレートをベースにしました。その後、カスタムベースマップ切り替え、位置情報、ホーム、ヘルプなどの機能を追加しました。<\/P>冬の間にはウェブアプリ上で雪が降るスクリプトも追加しました。<\/P>&nb sp ;  ;  ;  ;  ;  ;  ;  ;  ; <\/P>モバイル<\/STRONG><\/P>このアプリは(ある程度)モバイル向けにも設計されています。メインページは自動的に「mobile」バージョンへ誘導します。<\/P>主な違いはサイズとズーム機能です。<\/P>墓地で自分の位置を見つける能力は重要です。墓石を探すのは難しいことがあります。また、すべての墓石の写真撮影・更新作業も進行中です。現在4500以上あります。<\/P>&n bsp;; &n bsp;; &n bsp;; &n bsp;; &n bsp;; &n bsp;; &n bsp;; &n bsp;; &n bsp;; &n bsp;; &n bsp;; &n bsp;; &n bsp;; &n bsp;; &n bsp;; &n bsp;; &n bsp;; < \/ P > < P > < STRONG > 使用方法 < \/ STRONG > < \/ P > < P > < SPAN style = "color: #000000;font-family: helvetica, arial, sans-serif;font-size: 12.960000038147px;text-indent: 50px;background-color:#fcfaf7;">この<\ / SPAN > Cemetery < SPAN style = "color:#000000;font-family:helvetica,arial,sans-serif;font-size:12.960000038147px;text-indent:50px;"> <\ / STRONG ><\ / SPAN >< SPAN style = "color:#000000;font-family:helvetica,arial,sans-serif;font-size:12.960000038147px;text-indent:50px;background-color:#fcfaf7;">アプリケーションは、市内のどの墓地にいる家族や友人も見つける手助けをします。<\ / SPAN ><\ / P >< P ><\ / P >< P >< SPAN style = "color:#000000;font-family:helvetica,arial,sans-serif;font-size:12.960000038147px;text-indent:50px;background-color:#fcfaf7;">検索オプションペインをクリックしてください。テキストボックスに、<\ / SPAN >< IMG align = "middle" alt = "Vote for this tree" border = "0" class = "jive-image" src = "http:\/gis.ashland.or.us/cemetery/images/search.PNG" style = "color:#000000;font-family:helvetica,arial,sans-serif;font-size:12.960000038147px;text-indent:50px;padding-bottom:10px;" \/ >< SPAN style = "color:#000000;font-family:helvetica,arial,sans-serif;font-size:12.960000038147px;text-indent:50px;background-color:#fcfaf7;">関心のある人物の名前(名または姓)、死亡年、生年を入力してください。一度に検索できる名前または日付は一つだけです。「検索」をクリックしてください。検索条件に合致するすべての記録が下に表示されます。目的の人物の行の任意の部分をクリックすると、地図が自動的に該当区画へズームします。ハイライトされた区画をクリックしてください(複数表示されている場合は中央の区画を選ぶか、目的の名前が見つかるまでクリックし続けてください)。区画に関する情報が表示されます。<\ / SPAN ><\ / P >< P >< SPAN style = "color:#303030;">< SPAN style = "color:#000000;font-family:helvetica,arial,sans-serif;font-size:12.960000038147px;text-indent:50px;"> <\ / STRONG ><\ / SPAN >< SPAN style = "font-family:helvetica,arial,sans-serif;font-size:12.960000038147px;text-indent:50px;background-color:#fcfaf7;">アプリケーションは、市内のどの墓地にいる家族や友人も見つける手助けをします。<\ / SPAN ><\ / SPAN ><\ / P >< P ><\ / P >< P ><\ / P >< SPAN>質問や提案があれば、以下までご連絡ください:<\ / SPAN >fiter (at) ashland.or.us<\ / P >< P ><\ / P >< P >更新:<\ / STRONG ><\ / P >< P >2019年にこのサイトを再度更新しました。今回はWAB developer editionを使用しています。<\ / P >< P ><\ / P >< P >-- <\ / SPAN ><\ / P >< P >& nbsp;Rickey, GIS アナリスト City of Ashland, Public Works 20 East Main Street, Ashland OR 97520<\ / SPAN ><\ / P ><\ / BODY ><\ / HTML >
旧バージョン<\/SPAN><\/P> <\/P> & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; 新バージョン<\/SPAN><\/P>&nb sp; & nb sp; & nb sp; & nb sp; & nb sp; & nb sp; & nb sp; & nb sp; & nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ;& nb sp ; <\/P>ESRIがAMDに移行し始めたため、元のコードを入手できたので、現在のバージョンにはより多くの機能を追加できました。<\/P>これは私のお気に入りのアプリになりました。アプリを書く間にほとんど独学でJavaScriptを学びました。最初のアプリは完成まで約5ヶ月かかりました。その過程の一部として、19000基の墓地情報を更新しました。<\/P>&nb sp ;&nb sp ;&nb sp ;&nb sp ;&nb sp ;&nb sp ;&nb sp ;&nb sp ;  ;  ;  ;  ;  ;  ;  ;  ;  ;  ;  ;  ;  ;  ;  ; <\/P><\/P>作成<\/STRONG><\/P>スクリプトは
冬の間にはウェブアプリ上で雪が降るスクリプトも追加しました。<\/P>
&nb sp ;  ;  ;  ;  ;  ;  ;  ;  ; <\/P>
モバイル<\/STRONG><\/P>このアプリは(ある程度)モバイル向けにも設計されています。メインページは自動的に「mobile」バージョンへ誘導します。<\/P>主な違いはサイズとズーム機能です。<\/P>墓地で自分の位置を見つける能力は重要です。墓石を探すのは難しいことがあります。また、すべての墓石の写真撮影・更新作業も進行中です。現在4500以上あります。<\/P>&n bsp;; &n bsp;; &n bsp;; &n bsp;; &n bsp;; &n bsp;; &n bsp;; &n bsp;; &n bsp;; &n bsp;; &n bsp;; &n bsp;; &n bsp;; &n bsp;; &n bsp;; &n bsp;; &n bsp;; < \/ P > < P > < STRONG > 使用方法 < \/ STRONG > < \/ P > < P > < SPAN style = "color: #000000;font-family: helvetica, arial, sans-serif;font-size: 12.960000038147px;text-indent: 50px;background-color:#fcfaf7;">この<\ / SPAN > Cemetery < SPAN style = "color:#000000;font-family:helvetica,arial,sans-serif;font-size:12.960000038147px;text-indent:50px;"> <\ / STRONG ><\ / SPAN >< SPAN style = "color:#000000;font-family:helvetica,arial,sans-serif;font-size:12.960000038147px;text-indent:50px;background-color:#fcfaf7;">アプリケーションは、市内のどの墓地にいる家族や友人も見つける手助けをします。<\ / SPAN ><\ / P >< P ><\ / P >< P >< SPAN style = "color:#000000;font-family:helvetica,arial,sans-serif;font-size:12.960000038147px;text-indent:50px;background-color:#fcfaf7;">検索オプションペインをクリックしてください。テキストボックスに、<\ / SPAN >< IMG align = "middle" alt = "Vote for this tree" border = "0" class = "jive-image" src = "http:\/gis.ashland.or.us/cemetery/images/search.PNG" style = "color:#000000;font-family:helvetica,arial,sans-serif;font-size:12.960000038147px;text-indent:50px;padding-bottom:10px;" \/ >< SPAN style = "color:#000000;font-family:helvetica,arial,sans-serif;font-size:12.960000038147px;text-indent:50px;background-color:#fcfaf7;">関心のある人物の名前(名または姓)、死亡年、生年を入力してください。一度に検索できる名前または日付は一つだけです。「検索」をクリックしてください。検索条件に合致するすべての記録が下に表示されます。目的の人物の行の任意の部分をクリックすると、地図が自動的に該当区画へズームします。ハイライトされた区画をクリックしてください(複数表示されている場合は中央の区画を選ぶか、目的の名前が見つかるまでクリックし続けてください)。区画に関する情報が表示されます。<\ / SPAN ><\ / P >< P >< SPAN style = "color:#303030;">< SPAN style = "color:#000000;font-family:helvetica,arial,sans-serif;font-size:12.960000038147px;text-indent:50px;"> <\ / STRONG ><\ / SPAN >< SPAN style = "font-family:helvetica,arial,sans-serif;font-size:12.960000038147px;text-indent:50px;background-color:#fcfaf7;">アプリケーションは、市内のどの墓地にいる家族や友人も見つける手助けをします。<\ / SPAN ><\ / SPAN ><\ / P >< P ><\ / P >< P ><\ / P >< SPAN>質問や提案があれば、以下までご連絡ください:<\ / SPAN >fiter (at) ashland.or.us<\ / P >< P ><\ / P >< P >更新:<\ / STRONG ><\ / P >< P >2019年にこのサイトを再度更新しました。今回はWAB developer editionを使用しています。<\ / P >< P ><\ / P >< P >-- <\ / SPAN ><\ / P >< P >& nbsp;Rickey, GIS アナリスト City of Ashland, Public Works 20 East Main Street, Ashland OR 97520<\ / SPAN ><\ / P ><\ / BODY ><\ / HTML >
Would you be willing to share your script? I'm not a programmer but I think this would greatly enhance my FlexViewer based Cemetery webmap.
Nicely done Rickey! it is really fast and works well. Your code is nicely organized and easy to read, too. I like how you have used a dynamic service for your base map so that users can zoom in much closer than is typical with a tiled base map.
The only thing I noticed that I'd like to mention is that I can zoom in further with the aerial photo than the base map, so if I zoom way in first with the aerial on and then switch to the basemap it doesn't draw anything unless I zoom out a little.
Great work!
Josh White,
Yes you can use the script (it is mostly all from Esri JavaScript Samples) and not flex though. Open the map, right click on the View Page Source option (in chrome). The result will show my script. I did not really use any outside scripts for this webapp.
Michael Jenkins,
I agree that is an issue, this year we are getting 2-4 terabytes of storage added. That will mean we will be able to create those cashes to zoom in as far as the aerial photo.
I'm okay with it not being Flex, that is just what my current version is. I'd like to make it so that it can be used on mobile devices.
Ricky,
I just checked out the most recent version of your cemetery viewer and it's very cool/fun to use!!! Thank you so much for sharing! I love how fast it is and easy it is to pull up the attachment table and look at the records there. Also the last names on the plots are a nice touch! Honestly I could give you complements all day very well done!!
I'm working with a local church to build out something very similar in experience builder. I'm not sure how your data was set up behind the scenes but I'm curious if you ran into the same problem we're running into regarding getting photos into popups and wanted to reach out to see your thoughts.
Ideally we'd like users to be able to select a plot on the map and have the photos of the plot show up in the popup like your application allows. However, we are running into issues because it seems when a join view in arcgis online is created the attachments are not transferred as well. Our current workaround idea is to write an arcade expression that uses a field to pull in the gravesite photo from another layer but this is proving to be more tricky than anticipated. Did your application require this process to get the photos into the popup or did you accomplish this a different way?
Again thanks so much for sharing!! I really enjoyed clicking through the different cemeteries in your application and am glad I found your blog post!
サインインしたメンバーは投稿、更新のフォローなどができます。初めてですか?無料アカウントを登録してください。
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.