หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

มาปุตนิก

โปรแกรมแก้ไขภาพแบบเปิดฟรีสำหรับสไตล์ MapLibre GL ที่มุ่งเป้าไปที่นักพัฒนาและนักออกแบบแผนที่

การใช้งาน

  • - ออกแบบแผนที่ของคุณออนไลน์ที่ https://www.maplibre.org/maputnik/ (ทั้งหมดอยู่ในที่จัดเก็บในตัวเครื่อง)
  • - ใช้ Maputnik CLI เพื่อการพัฒนาสไตล์ท้องถิ่น
  • ใน Docker ให้รันคำสั่งนี้แล้วเรียกดู http://localhost:8888, Ctrl+C เพื่อหยุดเซิร์ฟเวอร์ 
docker run -it --rm -p 8888:80 ghcr.io/maplibre/maputnik:main

เอกสารประกอบ

เอกสารประกอบสามารถพบได้ใน Wiki ยินดีร่วมงานครับ!

  • - ศึกษา Maputnik Wiki
  • - ออกแบบแผนที่จาก Scratch https://youtu.be/XoDh0gEnBQo

พัฒนา

Maputnik เขียนด้วย typescript และใช้ React และ MapLibre GL JS

เรามั่นใจว่าการสร้างและพัฒนา Maputnik จะทำงานร่วมกับ LTS Node.js เวอร์ชันปัจจุบันและเวอร์ชันที่ใหม่กว่าได้

ดูคู่มือการทำให้เป็นสากลสำหรับการเปลี่ยนแปลงที่เกี่ยวข้องกับข้อความ UI

การมีส่วนร่วม

เข้าร่วม #maplibre หรือ #maputnik slack channel ที่ OSMUS: รับคำเชิญที่ https://slack.openstreetmap.us/ อ่านคำแนะนำด้านล่างเพื่อทำความคุ้นเคยกับวิธีที่เราทำสิ่งต่างๆ ในบริเวณนี้

ติดตั้ง deps เริ่มเซิร์ฟเวอร์ dev และเปิดเว็บเบราว์เซอร์บน http://localhost:8888/ 

 # install dependencies
npm install
# start dev server
npm run start

หากคุณต้องการให้ Maputnik สามารถเข้าถึงได้จากภายนอกให้ใช้ตัวเลือก --host : 

 # start externally accessible dev server
npm run start -- --host 0.0.0.0

กระบวนการสร้างจะคอยดูการเปลี่ยนแปลงที่เกิดขึ้นกับระบบไฟล์ สร้างใหม่และโหลดตัวแก้ไขอัตโนมัติ 

 npm run build

Lint โค้ด JavaScript 

 # run linter
npm run lint
npm run lint-css
npm run sort-styles

การทดสอบ

สำหรับการทดสอบ E2E เราใช้ Cypress

Cypress ไม่ได้เริ่มเซิร์ฟเวอร์ ดังนั้นคุณจะต้องเริ่มต้นเซิร์ฟเวอร์ด้วยตนเองโดยการรัน npm run start

ตอนนี้เปิดเทอร์มินัลแล้วรันสิ่งต่อไปนี้โดยใช้ chrome : 

 npm run test

หรือ ไฟร์ฟอกซ์ : 

 npm run test -- --browser firefox

ดูเอกสารต่อไปนี้สำหรับข้อมูลเพิ่มเติม: (การเปิดตัวเบราว์เซอร์)[https://docs.cypress.io/guides/guides/launching-browsers]

คุณยังสามารถดูการทดสอบในขณะที่รันหรือเลือกชุดโปรแกรมที่จะรันโดยดำเนินการ: 

 npm run cy:open

กระบวนการวางจำหน่าย

  1. ทบทวน CHANGELOG.md
    • ตรวจสอบอีกครั้งว่าการเปลี่ยนแปลงทั้งหมดที่รวมอยู่ในรุ่นได้รับการบันทึกไว้อย่างเหมาะสม
    • การเปลี่ยนแปลงที่จะเปิดตัวควรอยู่ใต้ส่วนหัว "หลัก"
    • ยอมรับการเปลี่ยนแปลงขั้นสุดท้ายในบันทึกการเปลี่ยนแปลง
  2. เรียกใช้ Create bump version PR โดยการจัดส่งเวิร์กโฟลว์ด้วยตนเอง และตั้งค่าหมายเลขเวอร์ชันในอินพุต สิ่งนี้จะสร้าง PR ที่เปลี่ยนไฟล์ changelog และ package.json เพื่อตรวจสอบและรวมเข้าด้วยกัน
  3. เมื่อรวมเข้าด้วยกันแล้ว กระบวนการอัตโนมัติจะเริ่มทำงานและสร้างรุ่น GitHub และอัปโหลดเนื้อหาที่เผยแพร่

สปอนเซอร์

ขอขอบคุณผู้สนับสนุน แคมเปญ Kickstarter โครงการนี้จะเป็นไปไม่ได้หากปราศจากผู้สนับสนุนเชิงพาณิชย์และรายบุคคล คุณสามารถดูประวัติของไฟล์นี้สำหรับผู้สนับสนุนก่อนหน้านี้ของ repo Maputnik ดั้งเดิม อ่านเพิ่มเติมเกี่ยวกับโปรแกรมผู้สนับสนุน MapLibre ได้ที่ https://maplibre.org/sponsors/

ใบอนุญาต

Maputnik ได้รับอนุญาตภายใต้ MIT และเป็นลิขสิทธิ์ (c) Lukas Martinelli และผู้ร่วมให้ข้อมูล Maplibre ในฐานะผู้สนับสนุน โปรดใช้ความระมัดระวังเป็นพิเศษที่จะไม่ละเมิดเครื่องหมายการค้า Mapbox ใดๆ อย่าได้รับแรงบันดาลใจจากสตูดิโอแผนที่อื่นๆ และตัดสินใจด้วยตัวเองเพื่อหาเครื่องมือแก้ไขสไตล์ที่ดี

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด