ตัวแก้ไข geometry
ตั้งช่อง geometry ในฟอร์มที่คุณฝัง และอ่านค่าที่ผู้ใช้วาดกลับมาเป็น GeoJSON
ตัวแก้ไข geometry คือช่องวาดจุด เส้น หรือ Polygon บนแผนที่ที่อยู่ใน widget ฟอร์ม ไม่มี URL และไม่มีข้อความของตัวเอง คุณไม่ได้ฝังมันโดยตรง
URL และพารามิเตอร์
ช่องนี้เกิดจากฟอร์มที่กำหนดช่องไว้ ฟอร์มจึงเป็นผู้ใส่พารามิเตอร์ให้ คุณตั้งค่าได้ใน ตัวแก้ไขฟอร์ม หรือในนิยามของฟอร์มที่คุณเขียนเอง
ส่วนประกอบของฟอร์มชนิดนี้มี component: "geometry-editor" ผูกกับฟิลด์ชนิด GeoJSON ของตาราง และมี props ดังนี้
พารามิเตอร์ (props) | ความหมาย | ต้องมี |
|---|---|---|
geometryType | point, line-string หรือ polygon กำหนดสิ่งที่วาดได้ ถ้าไม่ตั้ง ช่องวาดไม่ได้ ตัวแก้ไขฟอร์มตั้งให้ตามประเภทของตาราง | ควรมี |
webMapId | id ของ web map ที่แสดงเป็นพื้นหลัง ไม่ตั้งใช้ web map ตั้งต้นของแพลตฟอร์ม | ไม่ |
label, placeholder | ข้อความของช่อง | ไม่ |
required | ต้องมีค่าก่อนส่งฟอร์ม | ไม่ |
readonly, disabled | แสดงรูปอย่างเดียว ไม่มีเครื่องมือวาด | ไม่ |
ข้อความ
ช่องนี้ไม่ส่ง postMessage ค่าของช่องเดินทางไปกับฟอร์ม
| ค่า | ทิศทาง | รูปร่าง |
|---|---|---|
| ค่าของช่อง | ฟอร์มถึงฐานข้อมูล เมื่อผู้ใช้ส่งฟอร์ม | GeoJSON geometry หนึ่งก้อน หรือ null เมื่อไม่มีรูป |
submitted | widget ถึงหน้าของคุณ | ไม่มี payload ดู ฟอร์ม |
geometry ที่ได้มีสี่แบบ
Pointเมื่อมีจุดเดียวMultiPointเมื่อมีหลายจุด (ช่องแบบpointวาดได้หลายจุด)LineStringเมื่อช่องเป็นline-stringPolygonเมื่อช่องเป็นpolygon
ตำแหน่งเป็น [longitude, latitude] ทศนิยมไม่เกิน 9 ตำแหน่ง ช่องแบบเส้นและ Polygon เก็บได้รูปเดียว
ค่าที่ส่งมาให้ช่อง (เมื่อเปิดระเบียนเดิม) ใช้รูปแบบเดียวกัน ช่องโหลด MultiLineString และ MultiPolygon ได้เมื่อมีส่วนเดียว ถ้ามีหลายส่วนช่องจะว่าง
ตัวอย่าง
ส่วนประกอบในนิยามของฟอร์ม
{
"component": "geometry-editor",
"table": "<id ของตาราง>",
"field": "geom",
"props": {
"label": "ตำแหน่ง",
"geometryType": "point",
"required": true
}
}ฝังฟอร์มแล้วรอ submitted จากนั้นอ่านระเบียนที่เพิ่งสร้างจาก API เพื่อได้ geometry ที่ผู้ใช้วาด ดูตัวอย่างการฝังที่ ฟอร์ม
ถ้าวาดไม่ได้
- ไม่มีแถบเครื่องมือเมื่อไม่ตั้ง
geometryTypeหรือเมื่อช่องเป็นreadonlyหรือdisabled - widget บอกหน้าของคุณไม่ได้ว่าผู้ใช้กำลังวาด ถ้าต้องการแสดงรูปบนแผนที่ของคุณเอง ให้ใช้ แผนที่ และส่ง
features