ปรับแต่งแผนที่ 3 มิติ

คุณปรับแต่งรูปลักษณ์ของแผนที่ฐาน 3 มิติได้โดยใช้ การจัดรูปแบบแผนที่ในระบบคลาวด์

การจัดรูปแบบแผนที่ในระบบคลาวด์ช่วยให้คุณควบคุมรูปลักษณ์ของ แผนที่ที่แสดงต่อผู้ใช้ได้ การควบคุมฟีเจอร์ต่างๆ เช่น ความหนาแน่น ของจุดที่น่าสนใจ (POI) การนำหมวดหมู่ POI บางอย่างออก และ การแก้ไขการเติมหรือเส้นขอบของฟีเจอร์ จะช่วยให้คุณสร้างประสบการณ์การใช้แผนที่ ที่ปรับให้เหมาะกับผู้ใช้ได้

การจัดรูปแบบแผนที่ในระบบคลาวด์มอบประสบการณ์การแก้ไขแบบไม่ต้องใช้โค้ดใน Google Cloud Console การแก้ไขสไตล์ใน Maps Console จะปรากฏในแอปพลิเคชันโดยอัตโนมัติ

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

async function initMap() {
    const { Map3DElement } = await google.maps.importLibrary("maps3d");
    const map = new Map3DElement({
        center: { lat: 37.75183154601466, lng: -119.52369070507672, altitude: 2200 },
        tilt: 67.5,
        heading: 108.94057782079429,
        range: 6605.57279990986,
        mapId: 'bcce776b92de1336e22c569f',
        mode: 'HYBRID',
        gestureHandling: "COOPERATIVE"
    });
    document.body.append(map);
}
initMap();
index.js

ภาพรวม

กระบวนการปรับแต่งแผนที่ 3 มิติโดยใช้การจัดรูปแบบแผนที่ในระบบคลาวด์จะ เหมือนกับแผนที่ 2 มิติ

1 สร้างรหัสแผนที่ สร้างรหัสแผนที่ ระบบจะส่งรหัสแผนที่ไปยังแอปพลิเคชันของคุณเพื่อจัดการการจัดรูปแบบ คุณจะเชื่อมโยง รูปแบบที่กำหนดเองกับรหัสแมปนี้ในขั้นตอนถัดไป
2 สร้างรูปแบบแผนที่ที่อิงตามระบบคลาวด์ คุณต้องเลือก "3D Hybrid" และใช้ "โหมดสว่าง" ในขั้นตอนนี้
3 เชื่อมโยงรูปแบบแผนที่กับแผนที่ ลิงก์รูปแบบ กับรหัสแผนที่ที่คุณสร้างในขั้นตอนที่ 1
4 เพิ่มรหัสแผนที่ลงในแอปพลิเคชัน ระบุรหัสแผนที่ในโค้ดโดยใช้พารามิเตอร์ map-id
5 เผยแพร่รหัสแผนที่ โปรดทราบว่าระบบจะรวมการเปลี่ยนแปลงสไตล์ที่กำหนดเองเข้ากับแอปพลิเคชันโดยอัตโนมัติ หลังจากเผยแพร่

ดูรายละเอียดเกี่ยวกับการสร้างรูปแบบแผนที่ได้ที่สร้างและใช้รูปแบบแผนที่

ข้อจำกัด

โปรดทราบว่าการใช้การจัดรูปแบบแผนที่บนระบบคลาวด์กับแผนที่ 3 มิติใน Maps JavaScript มีข้อจำกัดบางอย่างดังนี้

  • ไม่รองรับโหมดมืด
  • ระบบไม่รองรับฟีเจอร์ที่เปิดใช้รหัสแผนที่ เช่น การจัดรูปแบบตามข้อมูล