มากกว่า

Google สเปรดชีตเป็นการกำหนดค่าสำหรับแอป Leaflet

Google สเปรดชีตเป็นการกำหนดค่าสำหรับแอป Leaflet


ฉันต้องการสร้าง Leaflet Webapp ที่ปรับเปลี่ยนได้สูงและกำหนดค่าได้ง่าย ดังนั้นฉันจึงต้องการใช้ Google สเปรดชีตเพื่อจัดเก็บการกำหนดค่าและดึงข้อมูลที่เก็บไว้ในระหว่างการเริ่มต้นของ Leaflet-Map เพื่อตั้งค่าเลเยอร์ที่ใช้ จุดศูนย์กลางเริ่มต้น และอื่นๆ

มีใครเคยทำสิ่งนี้มาก่อนหรือสามารถให้คำแนะนำแก่ฉัน? ฉันได้ googled มากเกี่ยวกับมัน แต่ยังไม่พบอะไรแบบนี้จนถึงตอนนี้


คุณสามารถรับ Google doc เป็น json เช่นนี้หากคุณเผยแพร่สเปรดชีตเป็นเว็บไซต์:

https://spreadsheets.google.com/feeds/list/your_spreadsheet_id/od6/public/basic?alt=json

คุณจะพบคำแนะนำมากมายในการรับสเปรดชีตเป็น json ตัวอย่างเช่น:

https://blogs.it.ox.ac.uk/acit-rs-team/2014/10/08/how-to-get-data-out-of-a-google-spreadsheet-using-jsonp/

จากนั้นใช้คำขอ ajax เพื่อรับ json และดึงข้อมูลที่คุณต้องการ

var url = "https://spreadsheets.google.com/feeds/list/your_spreadsheet_ID/od6/public/basic?alt=json"; $.ajax({ url: url, dataType: "jsonp", success: function (data) { // ทำสิ่งที่คุณต้องการด้วย data }});

ที่นี่คุณจะพบ jsfiddle ที่ใช้งานได้:

http://jsfiddle.net/expedio/2m023xsz/

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

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


ดูวิดีโอ: Google Kalkylark - Grunder