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

หากพบปัญหานี้ ให้ลองทำดังนี้
- ตรวจสอบการตั้งค่าเบราว์เซอร์เพื่อให้แน่ใจว่าได้เปิดใช้การเร่งฮาร์ดแวร์แล้ว
- ตรวจสอบว่าอุปกรณ์ของคุณรองรับหรือไม่โดยไปที่
get.webgl.org หากการสาธิตไม่ทำงาน แสดงว่าเบราว์เซอร์หรืออุปกรณ์อาจไม่รองรับ WebGL ตรวจสอบว่า
ไดรเวอร์/เบราว์เซอร์ของอุปกรณ์ไม่ได้อยู่ภายใต้กฎรายการที่ไม่อนุญาต
ที่กำหนดไว้ใน Khronos WebGL wiki
- อัปเดตกราฟิกการ์ดและตรวจสอบว่าอุปกรณ์มีกราฟิกการ์ดวิดีโอ (GPU) ที่รองรับ WebGL ดูข้อกำหนดของแอปพลิเคชันและเว็บไซต์
ดูข้อมูลเพิ่มเติมได้ที่การรองรับ WebGL ของ GMP
ปัญหาเกี่ยวกับสไตล์
คุณอาจเห็นข้อความต่อไปนี้แสดงขึ้นหลังจากสร้างหรืออัปเดต
สไตล์
การเปลี่ยนแปลงสไตล์ของฉันไม่อัปเดตในแอปหรือเว็บไซต์
การเปลี่ยนแปลงสไตล์อาจใช้เวลา 2-3 ชั่วโมงกว่าที่จะมีผลกับแอปและเว็บไซต์ และแอปอาจใช้เวลานานกว่านั้นหากอุปกรณ์ไม่ได้เชื่อมต่ออินเทอร์เน็ต หากยังไม่เห็นการเปลี่ยนแปลงสไตล์หลังจากผ่านไป 2-3 ชั่วโมง ให้ตรวจสอบสิ่งต่อไปนี้
ฉันไม่เห็นการเปลี่ยนแปลงสไตล์ในแผนที่ตัวอย่าง
หากคุณทำการเปลี่ยนแปลงและไม่เห็นการเปลี่ยนแปลงในแผนที่ตัวอย่าง ให้ลองทำดังนี้
ตรวจสอบการทับซ้อนของรูปแบบ: โปรดดูรายละเอียดที่หัวข้อ
จัดการรูปแบบที่ทับซ้อนกัน
ตรวจสอบการลบล้างการรับค่าสไตล์: ตรวจสอบว่ามี
สไตล์ย่อยที่กำหนดเองอยู่ใต้สไตล์ที่คุณตั้งค่าซึ่งลบล้าง
สไตล์หลักหรือไม่ ดูรายละเอียดเกี่ยวกับการรับค่ารูปแบบได้ที่ทำความเข้าใจการรับค่ารูปแบบแผนที่และลำดับชั้น
เปลี่ยนระดับการซูมแผนที่: ฟีเจอร์แผนที่ที่คุณกำลัง
จัดรูปแบบอาจไม่ปรากฏในแผนที่ที่ระดับการซูมปัจจุบัน
ซูมเข้า: หากแน่ใจว่าฟีเจอร์นี้มีอยู่ในแผนที่ ให้
ซูมเข้าไปดูมุมมองที่ละเอียดยิ่งขึ้น ฟีเจอร์อาจปรากฏขึ้น
ซูมออก: ฟีเจอร์แผนที่ขนาดใหญ่อาจต้องซูมออก
จนกว่าฟีเจอร์แผนที่แบบละเอียดจะหายไปก่อนที่การจัดรูปแบบจะปรากฏ
ข้อความของฉันเบลอหรือหลุดโฟกัส
หากสีที่คุณเลือกสำหรับสีเติมและเส้นขอบของข้อความมีคอนทราสต์ไม่มากพอ แบบอักษรจะดูหนาและเบลอเนื่องจากเส้นขอบ (โครงร่าง)
และสีเติมผสานกัน เลือกสีที่มีคอนทราสต์เพียงพอ
สไตล์ของฉันดูหมองคล้ำหรือมีสีไม่ถูกต้อง
ฟีเจอร์แผนที่ที่คุณกำลังจัดรูปแบบอาจทับซ้อนกับฟีเจอร์แผนที่อื่นๆ อย่างน้อย 1 รายการ
หากต้องการความช่วยเหลือ โปรดดูจัดการสไตล์ที่ทับซ้อนกัน
มีการจัดรูปแบบฟีเจอร์แผนที่ที่ไม่ถูกต้อง
หากเห็นฟีเจอร์แผนที่ที่ตรงกับสไตล์ที่คุณตั้งค่าไว้ อาจเป็นเพราะ
สไตล์แผนที่เริ่มต้นสำหรับฟีเจอร์แผนที่เหล่านั้นเหมือนกับสไตล์ที่คุณ
ตั้งค่าไว้ ลองทำสิ่งต่อไปนี้
ปิดระดับการมองเห็นสำหรับฟีเจอร์แผนที่ที่ตรงกัน เช่น
หากคุณพยายามตั้งค่า Winery เป็นสีแดงเข้ม และสังเกตเห็นว่าจุดที่น่าสนใจฉุกเฉิน
เป็นสีแดง ซึ่งอาจทำให้ผู้ใช้สับสน คุณเลือก
ปิดการมองเห็นสำหรับจุดที่น่าสนใจในกรณีฉุกเฉินเพื่อหลีกเลี่ยงความสับสนนี้ได้
เปลี่ยนรูปแบบของฟีเจอร์แผนที่ที่คุณไม่ต้องการให้ตรงกัน
ตัวอย่างด้านบน คุณยังเลือกจัดรูปแบบจุดที่น่าสนใจฉุกเฉินเป็นสีส้มได้ด้วย
เพื่อไม่ให้เกิดความสับสน
ฉันได้รับข้อผิดพลาดขณะพยายามโหลดรูปแบบแผนที่
คุณไม่สามารถใช้รหัสแผนที่และรูปแบบพร้อมกันได้ คุณทำอย่างใดอย่างหนึ่งต่อไปนี้ได้
แนะนำ: นำรูปแบบแผนที่ออก แล้วแก้ไขรูปแบบที่เชื่อมโยงกับ
รหัสแผนที่โดยใช้ Cloud Console วิธีนี้ช่วยให้คุณสร้างสไตล์เดียวที่ใช้ได้กับทุกแพลตฟอร์ม ดูรายละเอียดได้ที่
เชื่อมโยงรูปแบบกับรหัสแมป
นำรหัสแผนที่ออกและแก้ไขรูปแบบสำหรับแพลตฟอร์มแอปแต่ละรายการโดยใช้
การจัดรูปแบบ JSON
เนื่องจากรูปแบบ JSON เป็นแบบเฉพาะแพลตฟอร์ม คุณจึงต้องสร้างรูปแบบสำหรับแพลตฟอร์มแอปแต่ละแพลตฟอร์มที่แสดงแผนที่ที่จัดรูปแบบ
หากมีรูปแบบแผนที่ JSON ที่ต้องการใช้สำหรับการจัดรูปแบบแผนที่ในระบบคลาวด์อยู่แล้ว คุณสามารถนำเข้าได้ ดูรายละเอียดได้ที่
นำเข้าสไตล์แผนที่ JSON
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2025-08-27 UTC
[null,null,["อัปเดตล่าสุด 2025-08-27 UTC"],[[["\u003cp\u003eThis documentation addresses common issues encountered when setting up map styles within Google Cloud Platform and provides troubleshooting steps.\u003c/p\u003e\n"],["\u003cp\u003eUsers might experience issues with legacy cloud styling access, style updates not propagating, preview map display errors, blurry text, and incorrect feature styling.\u003c/p\u003e\n"],["\u003cp\u003eSolutions include checking style overlaps, inheritance overrides, zoom levels, color contrast, and feature visibility settings.\u003c/p\u003e\n"],["\u003cp\u003eThe document links to relevant resources such as release notes, WebGL support, and specific troubleshooting guides for managing style overlaps and understanding style hierarchy.\u003c/p\u003e\n"],["\u003cp\u003eUsers can report bugs and feature requests through provided links to Google's issue tracker.\u003c/p\u003e\n"]]],[],null,["Select platform: [Android](/maps/documentation/android-sdk/cloud-customization/troubleshoot \"View this page for the Android platform docs.\") [iOS](/maps/documentation/ios-sdk/cloud-customization/troubleshoot \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/cloud-customization/troubleshoot \"View this page for the JavaScript platform docs.\") [Web Service](/maps/documentation/maps-static/cloud-customization/troubleshoot \"View this page for the Web Service platform docs.\")\n\n\u003cbr /\u003e\n\nThis document describes common issues that might occur when setting up your\nmap style, and how to resolve them.\n\nClick to file a\n[Bug](https://issuetracker.google.com/issues/new?component=1415514&template=1863115)\nor [Feature Request](https://issuetracker.google.com/issues/new?component=1415514&template=1863479).\n\nKnown issues\n\nTo see the latest known issues with cloud-based maps styling, see\nthe [release notes](../cbms-release-notes).\n\nMessages\n\nHere are some messages you might see and their solutions:\n\n\u003cbr /\u003e\n\nA map `styles` property cannot be set when a `mapId` is present. You cannot use map IDs and styles at the same time. Instead, edit the style associated with the map ID using the Cloud console. See also [I get an error trying to load my map style](#mapid-w-style).\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nThe style editor can't be loaded right now The preview map uses a vector map. In cases when vector maps cannot\nbe loaded on your web browser, it falls back to a \"no map\" experience:\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nIf you run into this issue, try the following:\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n- Check your browser settings to make sure hardware acceleration is enabled.\n- Check if your device is supported by visiting [get.webgl.org](https://get.webgl.org/). If the demo does not run, your browser or device may not be compatible with WebGL. Make sure your device's drivers/browser combination is not subject to the denylist rules defined in the [Khronos WebGL wiki](https://www.khronos.org/webgl/wiki/BlacklistsAndWhitelists).\n- Update your graphics card and make sure that your device has a video graphics card (GPU) that supports WebGL. See [Application and website\n requirements](/maps/documentation/javascript/cloud-customization/setup#reqs).\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nFor additional support, see [GMP WebGL support](/maps/documentation/javascript/webgl/support).\n\n\u003cbr /\u003e\n\nStyle issues\n\nYou might see the following messages displayed after creating or updating\na style.\n\nMy style changes aren't updating in my apps or website\n\nStyle changes can take a few hours to propagate to your apps and websites, and\napps can take longer if the devices aren't connected to the internet. If you're\nstill not seeing your style changes after a few hours, check the following\nthings:\n\n- Make sure you've published your style update.\n\n- If you made your changes in a duplicated style, make sure you've associated\n your map ID with the duplicated style. For details, see\n [Associate or remove map IDs on your style](/maps/documentation/javascript/cloud-customization/map-styles#associate-style-with-map-id).\n\nI can't see my style changes on the preview map\n\nIf you make a change, and can't see the change on the preview map, here\nare some things to try.\n\n- **Check for style overlaps** : For details, see\n [Manage styles that overlap](/maps/documentation/javascript/cloud-customization/overlap).\n\n- **Check for style inheritance overrides** : Check to see if there is a\n custom child style underneath the style you're setting that is overriding\n its parent style. For details on style inheritance, see\n [Understand map style inheritance and hierarchy](/maps/documentation/javascript/cloud-customization/map-hier).\n\n- **Change the map zoom level**: It's possible that the map features you are\n styling are not visible in the map at the current zoom level.\n\n - **Zoom in**: If you are sure the feature is present on the map,\n zoom in to a more detailed view and it may appear.\n\n - **Zoom out**: With some large map features, you may need to zoom out\n until the detailed map features drop out before your styling shows up.\n\nMy text looks blurry or out of focus\n\nIf the colors you've chosen for your fill and stroke for text don't have\nenough contrast, the font looks bold and fuzzy because the stroke (outline)\nand fill merge together. Select colors that have enough contrast.\n\nMy style looks dull or the wrong color\n\nThe map feature you are styling may overlap with one or more other map\nfeatures. For assistance, see [Manage styles that overlap](/maps/documentation/javascript/cloud-customization/overlap).\n\nThe wrong map features are being styled\n\nIf you are seeing map features that match the style you've set, it may be that\nthe default map style for those map features are the same as the style you're\nsetting. Here are some things to try:\n\n- **Turn off visibility for the map feature that matches**. For example,\n if you are trying to set Winery to a dark red, and notice that Emergency\n POIs are red, which could be confusing for your users. You can choose to\n turn off visibility for Emergency POIs to avoid this confusion.\n\n- **Change the style of the map features that you don't want to match**.\n the example above, you could also choose to style Emergency POIs to orange\n to avoid confusion.\n\nI get an error trying to load my map style\n\nYou cannot use map IDs and styles at the same time. You can do one of the\nfollowing:\n\n- **Recommended** : Remove the map style, and edit the style associated with\n the map ID using the Cloud console. With this method, you can create one\n style that applies to all platforms. For details, see\n [Associate a style with a map ID](/maps/documentation/javascript/cloud-customization/map-styles#associate-style-with-map-id).\n\n- Remove the map ID, and edit the style for each app platform using\n\n [JSON styling](/maps/documentation/javascript/json-styling-overview).\n\n Since JSON styling is platform-specific, you need to create the style for each\n app platform on which you display the styled maps.\n\nIf you already have a JSON map style that you want to use for cloud-based\nmaps styling, you can import it. For details, see\n[Import a JSON map style](/maps/documentation/javascript/cloud-customization/map-styles#json-import)."]]