impact summary map template js

Impact-summary-map-template-js

แผนที่แบบโต้ตอบนี้เน้นพื้นที่และแสดงข้อมูลสรุปของข้อมูลที่เกี่ยวข้องกับตำแหน่ง ข้อมูลที่นำเสนอในกล่องที่ด้านล่างของแผนที่สามารถเป็นข้อมูลจำนวนเต็มใด ๆ ที่ช่วยให้คุณสามารถตอบคำถามใหม่เกี่ยวกับสถานที่ที่คุณไม่สามารถตอบด้วยแผนที่เพียงอย่างเดียว

ตัวอย่างเช่นในเว็บแผนที่คุณสามารถเสริมสร้างรูปหลายเหลี่ยมด้วยข้อมูลประชากรภูมิทัศน์โครงสร้างพื้นฐานและตัวแปรอื่น ๆ โดยใช้เลเยอร์ Enrich หรือวิเคราะห์ข้อมูลของคุณเองด้วยคะแนนรวม จากนั้นคุณสามารถใช้เทมเพลตนี้เพื่อแสดงการวิเคราะห์ของคุณด้วยแอปพลิเคชันการแมปเว็บอย่างง่าย

ดูว่ามีชีวิตอยู่

เทมเพลตสามารถกำหนดค่าได้โดยใช้ตัวเลือกต่อไปนี้:

• แผนที่: เลือกเว็บแผนที่ที่จะใช้ในแอปพลิเคชันของคุณ
• ตอบสนอง: ลิ้นชักด้านข้างจะปรากฏขึ้นเมื่อขนาดของมันสามารถรองรับได้ ผู้ใช้ลิ้นชักที่ตอบสนองสามารถสลับหรือปิดโดยผู้ใช้และอนุญาตให้แอปพลิเคชันฝังลงในบล็อกและเว็บไซต์
• การนำทาง: ปุ่มที่บ้านและค้นหาเพิ่มความสะดวกในการนำทางแผนที่
• เนื้อหา: สรุปข้อมูลจำนวนเต็มโดยเลือกเลเยอร์คุณสมบัติที่มีฟิลด์ เลเยอร์ที่มีคุณสมบัติหลายอย่างและมีการกำหนด renderer อนุญาตให้เลือกคุณสมบัติโดยค่าเรนเดอร์ แดชบอร์ดแบบโต้ตอบให้ความสามารถในการจัดหมวดหมู่ฟิลด์ในแผงกลุ่มและหน้าสูงสุด 4 แผงผ่านฟิลด์
• สรุป: อธิบายใบสมัครของคุณสั้น ๆ ในแผง "พื้นที่"
• ค้นหา: เปิดใช้งานการค้นหาที่อยู่และสถานที่
• แบ่งปัน: แบ่งปันแอปพลิเคชันนี้ผ่าน Twitter, Facebook, Google+ หรือสร้าง HTML สำหรับการฝังในบล็อกหรือเว็บไซต์
• Basemap: เปิดใช้งานการสลับระหว่างสอง ESRI basemaps
• เลเยอร์: สลับการมองเห็นเลเยอร์
• ตำนาน: แสดงตำนาน
• เกี่ยวกับ: แสดงข้อมูลเกี่ยวกับแอปพลิเคชัน กล่องโต้ตอบยังสามารถตั้งค่าให้เปิดเมื่อเริ่มต้น

คำแนะนำ

1. ดาวน์โหลดและคลายซิปไฟล์. zip หรือโคลนที่เก็บ
2. เว็บเปิดใช้งานไดเรกทอรี
3. เข้าถึงหน้า. html
4. เริ่มเขียนเทมเพลตของคุณ!

ใหม่กับ GitHub? เริ่มต้นที่นี่

การปรับใช้

1. ในการปรับใช้แอปพลิเคชันนี้ให้ดาวน์โหลดเทมเพลตจากพอร์ทัล/ArcGIS ออนไลน์และคลายซิป
2. คัดลอกโฟลเดอร์คลายซิปที่มีไฟล์เทมเพลตเว็บแอปเช่น index.html ไปยังเว็บเซิร์ฟเวอร์ของคุณ คุณสามารถเปลี่ยนชื่อโฟลเดอร์เพื่อเปลี่ยน URL ซึ่งผู้ใช้จะเข้าถึงแอปพลิเคชัน โดยค่าเริ่มต้น URL ไปยังแอพจะเป็น http://<Your Web Server>/<app folder name>/index.html
3. เปลี่ยนโฮสต์การแชร์ที่พบใน defaults.js ภายในโฟลเดอร์ config สำหรับแอปพลิเคชันเป็น URL การแชร์สำหรับ ArcGIS ออนไลน์หรือพอร์ทัล สำหรับผู้ใช้ Online ArcGIS ให้เก็บค่าเริ่มต้นของ www.arcgis.com หรือระบุชื่อองค์กรของคุณ

• arcgis ออนไลน์ตัวอย่าง: "sharinghost": "https://" + “<your organization name>.maps.arcgis.com
• ตัวอย่างพอร์ทัลที่ arcgis เป็นชื่อของอะแดปเตอร์เว็บ: "sharinghost": "https://" + "webadaptor.domain.com/arcgis"

4. หากคุณใช้พอร์ทัลหรือการติดตั้ง ARCGIS API สำหรับ JavaScript ให้เปลี่ยนการอ้างอิงทั้งหมดไปยัง ArcGIS API สำหรับ JavaScript ใน index.html เพื่ออ้างถึงสำเนา API ของคุณ ค้นหาการอ้างอิงที่มี "https://js.arcgis.com/3.35" และแทนที่ส่วนนี้ของการอ้างอิงด้วย URL ไปยังการติดตั้งในพื้นที่ของคุณ

• ตัวอย่างเช่น: "https://webadaptor.domain.com/arcgis/jsapi/jsapi" ที่ arcgis เป็นชื่อของอะแดปเตอร์เว็บของคุณ

5. คัดลอกแผนที่หรือกลุ่ม ID จากพอร์ทัล/ArcGIS ออนไลน์และแทนที่รหัสแผนที่เว็บเริ่มต้นในหน้า index.html ของแอปพลิเคชัน ตอนนี้คุณสามารถเรียกใช้แอปพลิเคชันบนเว็บเซิร์ฟเวอร์ของคุณหรือปรับแต่งแอปพลิเคชันเพิ่มเติม

หมายเหตุ: หากแอปพลิเคชันของคุณแก้ไขคุณสมบัติในบริการคุณลักษณะมีบริการที่ปลอดภัยหรือแผนที่เว็บที่ไม่ได้เปิดเผยต่อสาธารณะหรือสร้างคำขอที่เกิน 200 อักขระคุณอาจต้องตั้งค่าและใช้หน้าพร็อกซี สถานการณ์ทั่วไปที่คุณอาจเกินความยาว URL กำลังใช้รูปหลายเหลี่ยมที่ซับซ้อนเป็นอินพุตไปยังงานหรือระบุการอ้างอิงเชิงพื้นที่โดยใช้ข้อความที่รู้จักกันดี (WKT) สำหรับรายละเอียดเกี่ยวกับการติดตั้งและกำหนดค่าหน้าพร็อกซีดูโดยใช้พร็อกซี หากคุณไม่มีการเชื่อมต่ออินเทอร์เน็ตคุณจะต้องเข้าถึงและปรับใช้ ArcGIS API สำหรับเอกสาร JavaScript จากนักพัฒนา. arcgis.com

ข้อกำหนดของชั้นข้อมูล

เทมเพลตต้องใช้ featureLayer พร้อมแอตทริบิวต์ตัวเลขเพื่อแสดงข้อมูลในแผงบล็อกเหนือแผนที่

การกำหนดค่าเทมเพลต

เทมเพลตนี้มีตัวสร้างแอปพลิเคชันที่สร้างขึ้น หากคุณใช้เทมเพลตนี้ผ่าน ArcGIS.com คุณสามารถใช้ประโยชน์จากผู้สร้างนี้ในขณะที่ลงชื่อเข้าใช้ ArcGIS หากคุณเป็นเจ้าของแอปพลิเคชันผ่านพารามิเตอร์ AppID คุณจะเห็นตัวเลือกในการเข้าสู่โหมดตัวสร้างและเริ่มกำหนดค่าเทมเพลต

หากคุณไม่ได้ใช้แอปพลิเคชันออนไลน์ของ ArcGIS คุณสามารถกำหนดค่าเทมเพลตนี้โดยใช้ defaults.js ในโฟลเดอร์ config ในการกำหนดค่าเลเยอร์ข้อมูลให้ป้อนรหัสฟีลเลอร์เออร์ลงในคุณสมบัติ "summarylayer": "id" คุณจะต้องรู้ ID ของเลเยอร์นี้ ID ของเลเยอร์สามารถเห็นได้ในการตอบสนองของ WebMap JSON หรือโดยการบันทึกวัตถุ fialrelayer ไปยังคอนโซล

เมื่อคุณมีเลเยอร์ที่มีข้อมูลที่กำหนดค่าแล้วคุณสามารถเริ่มป้อนแอตทริบิวต์ที่คุณต้องการแสดงโดยการแก้ไขคุณสมบัติ "SummaryAttributes" ในค่าเริ่มต้น js

คุณสามารถระบุตัวแปรหลัก 1-4 ตัวและแต่ละตัวสามารถมีตัวแปรย่อย 0-merany ที่จะแสดงเมื่อมีการคลิกตัวแปรหลัก สำหรับตัวแปรหลักคุณสามารถเลือกเชื่อมโยงไปยังแหล่งข้อมูลสำหรับข้อมูล ตัวแปรแต่ละตัวสามารถมีฉลากได้เช่นกัน

ตัวอย่างเลเยอร์

 "summaryLayer": {
    "id": "THE_ID_OF_MY_LAYER"
},

ตัวอย่างแอตทริบิวต์

 "summaryAttributes": [{
    "attribute": "MY_MAIN_VARIABLE",
    "label": "My Variable",
    "dataSourceUrl": "http://mydata.com/",
    "children": [{
        "attribute": "MY_RELATED_VARIABLE 1",
        "label": "My Related Variable 1"
    }, {
        "attribute": "MY_RELATED_VARIABLE 2",
        "label": "My Related Variable 2"
    }]
}]

ใหม่กับ GitHub? เริ่มต้นที่นี่

ความต้องการ

• Notepad หรือ HTML Editor
• พื้นหลังเล็กน้อยพร้อม JavaScript
• ประสบการณ์กับ ArcGis JavaScript API จะช่วยได้

หน้าเว็บ

แอปพลิเคชันนี้ใช้เว็บฟอนท์ที่กำหนดเองที่สร้างขึ้นบน Fontello หากคุณกำลังโฮสต์แอปพลิเคชันนี้บนเซิร์ฟเวอร์ของคุณเองตรวจสอบให้แน่ใจว่าได้รับการกำหนดค่าให้โฮสต์ไฟล์ WebFont ด้วยประเภท MIME ที่ถูกต้อง เซิร์ฟเวอร์บางตัวต้องการชุดประเภท MIME สำหรับไฟล์เหล่านี้เพื่อให้สามารถให้บริการได้อย่างถูกต้อง ดู URL ต่อไปนี้สำหรับข้อมูลเพิ่มเติม มีการเก็บ zip เก็บถาวรของเว็บฟอนฟินต์ที่มีการกำหนดค่า Fontello ในโฟลเดอร์ "Resources" ในที่เก็บนี้

• ประเภท MIME MIME
• ให้บริการเว็บฟอนต์อย่างถูกต้อง

ทรัพยากร

• ArcGis สำหรับศูนย์ทรัพยากร JavaScript API
• บล็อก Arcgis
• twitter@esri

ปัญหา

ค้นหาข้อผิดพลาดหรือต้องการขอคุณสมบัติใหม่? โปรดแจ้งให้เราทราบโดยส่งปัญหา

การบริจาค

ทุกคนและทุกคนยินดีที่จะมีส่วนร่วม -

การออกใบอนุญาต

ลิขสิทธิ์ 2012 ESRI

ได้รับใบอนุญาตภายใต้ใบอนุญาต Apache เวอร์ชัน 2.0 ("ใบอนุญาต"); คุณไม่สามารถใช้ไฟล์นี้ยกเว้นตามใบอนุญาต คุณอาจได้รับสำเนาใบอนุญาตที่

http://www.apache.org/licenses/license-2.0

เว้นแต่ว่ากฎหมายที่บังคับใช้หรือตกลงเป็นลายลักษณ์อักษรซอฟต์แวร์ที่แจกจ่ายภายใต้ใบอนุญาตจะถูกแจกจ่ายตาม "ตามพื้นฐาน" โดยไม่มีการรับประกันหรือเงื่อนไขใด ๆ ไม่ว่าจะโดยชัดแจ้งหรือโดยนัย ดูใบอนุญาตสำหรับภาษาเฉพาะที่ควบคุมการอนุญาตและข้อ จำกัด ภายใต้ใบอนุญาต

สำเนาใบอนุญาตมีอยู่ในไฟล์ repository.txt