"},{"ID":420732,"user_firstname":"Yehia","user_lastname":"Hassan","nickname":"Yehia Hassan","user_nicename":"yhesridubaioffice","display_name":"Yehia Hassan","user_email":"YHassan@esri.com","user_url":"","user_registered":"2025-11-12 15:30:33","user_description":"","user_avatar":"
"}],"short_description":"Turn your spatial data into a custom geography quiz. See how spatial operators and hidden layers create a fun, interactive web game.","flexible_content":[{"acf_fc_layout":"content","content":"Looking for a fun, interactive way to showcase your spatial data, highlight local landmarks, or engage your audience? Meet ArcGIGuess<\/a>: a lightweight, browser-based guessing game built with ArcGIS Maps SDK for JavaScript (v5.1).<\/p>\n Players are presented with a landmark name and photo and then challenged to pin its location on a web map. Using client-side geometry operators, the app calculates proximity which determines award points, culminating in a live leaderboard powered by ArcGIS Survey123.<\/p>\n ArcGIGuess is open source, framework agnostic, and ready to deploy. It requires no build steps, external frameworks, or heavy build pipelines. You can drop it onto any static web server, configure a single file, and begin to play.<\/p>\n <\/p>\n Looking for the full step-by-step guide?<\/strong> <\/p>\n The following describe how the game works behind the scenes:<\/p>\n Rather than relying on complex server infrastructure or custom backend services, ArcGIGuess coordinates core ArcGIS tools into a client-side experience:<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2978970,"id":2978970,"title":"ArcGIGuess Process","filename":"Untitled-drawing-1.png","filesize":20203,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/07\/Untitled-drawing-1.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/building-arcgiguess\/untitled-drawing-1","alt":"","author":"21311","description":"","caption":"","name":"untitled-drawing-1","status":"inherit","uploaded_to":2978329,"date":"2026-08-03 09:00:19","modified":"2026-08-03 09:00:32","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":954,"height":135,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/07\/Untitled-drawing-1-213x135.png","thumbnail-width":213,"thumbnail-height":135,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/07\/Untitled-drawing-1.png","medium-width":464,"medium-height":66,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/07\/Untitled-drawing-1.png","medium_large-width":768,"medium_large-height":109,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/07\/Untitled-drawing-1.png","large-width":954,"large-height":135,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/07\/Untitled-drawing-1.png","1536x1536-width":954,"1536x1536-height":135,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/07\/Untitled-drawing-1.png","2048x2048-width":954,"2048x2048-height":135,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/07\/Untitled-drawing-1-826x117.png","card_image-width":826,"card_image-height":117,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/07\/Untitled-drawing-1.png","wide_image-width":954,"wide_image-height":135}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":" The backbone of the game is a hosted feature layer containing your landmark locations. Instead of point features, ArcGIGuess uses polygon footprints (such as stadium outlines, park borders, or airport boundaries). Polygons give players a fair target area to hit rather than requiring them to identify a single point coordinate.<\/p>\n Each feature stores landmark names\u2014including localized fields for multilanguage games\u2014and photo attachments uploaded from the web editor.<\/p>\n To keep the game challenging, make the following configurations:<\/p>\n ArcGIGuess uses the component architecture introduced in version 5.1 of Maps SDK for JavaScript. The application UI is built around the When a player clicks to guess a landmark’s location, ArcGIGuess evaluates the click geometry directly inside the user’s browser for instant feedback:<\/p>\n Points are then deducted based on configurable distance bands (for example, deducting 1 point for every 500 meters off-target), down to a minimum score floor.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2978344,"id":2978344,"title":"Correct Round","filename":"Correct-Round.png","filesize":1003157,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/07\/Correct-Round.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/building-arcgiguess\/correct-round","alt":"Revealing the landmark polygon geometry on the map after a guess is confirmed","author":"21311","description":"","caption":"Revealing the landmark polygon geometry on the map after a guess is confirmed","name":"correct-round","status":"inherit","uploaded_to":2978329,"date":"2026-07-27 08:16:25","modified":"2026-08-10 07:37:22","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1920,"height":1032,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/07\/Correct-Round-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/07\/Correct-Round.png","medium-width":464,"medium-height":249,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/07\/Correct-Round.png","medium_large-width":768,"medium_large-height":413,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/07\/Correct-Round.png","large-width":1920,"large-height":1032,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/07\/Correct-Round-1536x826.png","1536x1536-width":1536,"1536x1536-height":826,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/07\/Correct-Round.png","2048x2048-width":1920,"2048x2048-height":1032,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/07\/Correct-Round-826x444.png","card_image-width":826,"card_image-height":444,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/07\/Correct-Round.png","wide_image-width":1920,"wide_image-height":1032}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":" To record high scores without building a custom database or API, ArcGIGuess integrates with ArcGIS Survey123.<\/p>\n When a round ends, an iframe modal opens the survey with URL parameters that pass the player’s final score directly ( Because all behavior is controlled by config.js, you can customize and adjust the app in minutes:<\/p>\n Whether you want to build a local geography quiz for your city, an interactive game for an event, or an onboarding experience for your organization, ArcGIGuess gives you a production-ready template.<\/p>\n What datasets or regions will you turn into a map guessing game? Share your ideas and use cases on the Esri Community.<\/p>\n"}],"related_articles":"","show_article_image":true,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/07\/screenshot-small.png","wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/07\/screenshot-wide.png"},"yoast_head":"\n
\nYou can clone the repository, explore the configuration options, and inspect the complete codebase on the ArcGIGuess GitHub Repository<\/a>.<\/p><\/blockquote>\nHow ArcGIGuess Works<\/h1>\n
\n
The ArcGIS ecosystem in action<\/h1>\n
Prepare the hidden answer key (ArcGIS Online)<\/h2>\n
\n
Modern components and on-demand modules (Maps SDK for JavaScript v5.1)<\/h2>\n
<arcgis-map><\/code> web component, eliminating boilerplate initialization code. Modules like containsOperator<\/code> and distanceOperator<\/code> are loaded on demand from $arcgis.import()<\/code>, replacing legacy AMD syntax with modern ES module patterns.<\/p>\n"},{"acf_fc_layout":"storymap","title":"","description":"","static":true,"storymap_url":"https:\/\/gist.github.com\/aelhussiny\/e7cfa2fc69c9b1a1e5eea3fe7b4e1809.pibb?file=script.js<\/a>"},{"acf_fc_layout":"content","content":"Client-side spatial scoring system<\/h2>\n
\n
containsOperator<\/code> checks if the clicked point sits within the hidden polygon boundary, instantly awarding maximum points.<\/li>\ndistanceOperator<\/code> calculates the exact distance in meters between the point and the nearest edge of the polygon footprint.<\/li>\n<\/ul>\nServerless high scores (ArcGIS Survey123)<\/h2>\n
?field:score=100<\/code>). Additional parameters hide unnecessary elements like headers, footers, and score input fields (&hide=navbar,header,description,footer,field:score<\/code>). Players type their name, click Submit, and the game queries a public feature server view to update the Top 10 Leaderboard instantly.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2978337,"id":2978337,"title":"Score Submission","filename":"Score-Submission.png","filesize":623484,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/07\/Score-Submission.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/building-arcgiguess\/score-submission","alt":"The embedded Survey123 form modal, streamlined with URL parameters so players only enter their name","author":"21311","description":"","caption":"The embedded Survey123 form modal, streamlined with URL parameters so players only enter their name","name":"score-submission","status":"inherit","uploaded_to":2978329,"date":"2026-07-27 06:55:35","modified":"2026-08-10 07:54:19","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1920,"height":1032,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/07\/Score-Submission-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/07\/Score-Submission.png","medium-width":464,"medium-height":249,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/07\/Score-Submission.png","medium_large-width":768,"medium_large-height":413,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/07\/Score-Submission.png","large-width":1920,"large-height":1032,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/07\/Score-Submission-1536x826.png","1536x1536-width":1536,"1536x1536-height":826,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/07\/Score-Submission.png","2048x2048-width":1920,"2048x2048-height":1032,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/07\/Score-Submission-826x444.png","card_image-width":826,"card_image-height":444,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/07\/Score-Submission.png","wide_image-width":1920,"wide_image-height":1032}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"Adapt ArcGIGuess to your needs<\/h1>\n
\n
shuffleLandmarks: true<\/code> to pull random features every session for infinite replay value.<\/li>\nshuffleLandmarks: false<\/code> to present features in sequential order, which is ideal for campus orientation, historical walks, or curated spatial storytelling.<\/li>\nGet started today<\/h1>\n
\n