📄 النص الكامل للصفحة
--- SECTION: شكل 3.43 ---
شكل 3.43: برمجة الخريطة التفاعلية
وزارة التعليم
Ministry of Education
177
2025 - 1447
--- VISUAL CONTEXT ---
**DIAGRAM**: شكل 3.43: برمجة الخريطة التفاعلية
Description: A screenshot of the MIT App Inventor interface, showing block-based programming for an application named 'Visit_SA_App'. The top menu bar includes 'Projects', 'Connect', 'Build', 'Settings', and 'Help'. Below this, a green bar displays 'Visit_SA_App' along with buttons/tabs: 'AlMasmak', 'Add Screen', 'Remove Screen', and 'Publish to Gallery'. The left pane, labeled 'Blocks', lists various programming categories: 'Logic', 'Math', 'Text', 'Lists', 'Dictionaries', 'Colors', 'Variables', 'Procedures', 'AlMasmak', and 'Any component'. Under the 'AlMasmak' category, specific components are listed: 'discover_label', 'VerticalArrangement1', 'title_label', 'image', 'description_label', 'HorizontalArrangement', 'map_button', and 'Map1'. The main central area, which is the blocks editor, displays several interconnected programming blocks. These include: 'map1 . ShowZoom', 'set Map1 . ShowZoom to', 'Map1 . UserLatitude', 'Map1 . UserLongitude', 'Map1 . Visible', 'set Map1 . Visible to' (with an empty input socket), 'Map1 . Width', and 'set Map1 . Width to' (with an empty input socket). A blue circle with the number '5' is positioned next to the 'set Map1 . Visible to' block. Further down, an event block 'when map_button . Click' is shown, containing a 'do' section with two action blocks: 'set Map1 . CenterFromString to' connected to a 'get global coordinates' block, and 'set Map1 . Visible to true'.
Key Values: MIT APP INVENTOR, Projects, Connect, Build, Settings, Help, Visit_SA_App, AlMasmak, Add Screen, Remove Screen, Publish to Gallery, Blocks, Logic, Math, Text, Lists, Dictionaries, Colors, Variables, Procedures, discover_label, VerticalArrangement1, title_label, image, description_label, HorizontalArrangement, map_button, Map1, Any component, map1 . ShowZoom, set Map1 . ShowZoom to, Map1 . UserLatitude, Map1 . UserLongitude, Map1 . Visible, set Map1 . Visible to, 5, Map1 . Width, set Map1 . Width to, when map_button . Click, do, set Map1 . CenterFromString to, get global coordinates, set Map1 . Visible to true
Context: This diagram illustrates the use of MIT App Inventor's visual block-based programming environment to develop an interactive map feature within a mobile application. It demonstrates how to manipulate map properties such as zoom level, user latitude/longitude, and visibility, and how to implement an event handler for a button click to dynamically set the map's center using global coordinates.