Khắc phục sự cố
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Tài liệu này mô tả các vấn đề thường gặp có thể xảy ra khi thiết lập kiểu bản đồ và cách giải quyết các vấn đề đó.
Nhấp để gửi Lỗi hoặc Yêu cầu tính năng.
Vấn đề đã biết
Để xem các vấn đề đã biết mới nhất về tính năng định kiểu bản đồ dựa trên đám mây, hãy xem ghi chú phát hành.
Tin nhắn
Sau đây là một số thông báo bạn có thể thấy và giải pháp tương ứng:
Bạn không thể đặt thuộc tính styles
của bản đồ khi có mapId
.
Bạn không thể sử dụng mã bản đồ và kiểu bản đồ cùng một lúc. Thay vào đó, hãy chỉnh sửa kiểu liên kết với mã bản đồ bằng Cloud Console. Xem thêm
Tôi gặp lỗi khi cố gắng tải kiểu bản đồ.
Hiện không tải được trình chỉnh sửa kiểu
Bản đồ xem trước sử dụng bản đồ vectơ. Trong trường hợp không tải được bản đồ vectơ trên trình duyệt web, bản đồ sẽ chuyển về chế độ "không có bản đồ":

Nếu bạn gặp phải vấn đề này, hãy thử làm như sau:
- Kiểm tra chế độ cài đặt của trình duyệt để đảm bảo bạn đã bật tính năng tăng tốc phần cứng.
- Kiểm tra xem thiết bị của bạn có được hỗ trợ hay không bằng cách truy cập vào trang get.webgl.org. Nếu bản minh hoạ không chạy, thì trình duyệt hoặc thiết bị của bạn có thể không tương thích với WebGL. Đảm bảo rằng tổ hợp trình duyệt/trình điều khiển của thiết bị không tuân theo các quy tắc trong danh sách chặn được xác định trong wiki WebGL của Khronos.
- Cập nhật thẻ đồ hoạ và đảm bảo thiết bị của bạn có thẻ đồ hoạ video (GPU) hỗ trợ WebGL. Xem Yêu cầu đối với ứng dụng và trang web.
Để được hỗ trợ thêm, hãy xem bài viết Hỗ trợ WebGL của GMP.
Vấn đề về kiểu
Bạn có thể thấy các thông báo sau xuất hiện sau khi tạo hoặc cập nhật một kiểu.
Các thay đổi về kiểu của tôi không được cập nhật trong ứng dụng hoặc trang web
Các thay đổi về kiểu có thể mất vài giờ để truyền đến các ứng dụng và trang web của bạn, còn các ứng dụng có thể mất nhiều thời gian hơn nếu thiết bị không kết nối với Internet. Nếu sau vài giờ mà bạn vẫn không thấy các thay đổi về kiểu, hãy kiểm tra những điều sau:
Đảm bảo bạn đã xuất bản bản cập nhật về kiểu.
Nếu bạn thực hiện các thay đổi trong một kiểu trùng lặp, hãy đảm bảo bạn đã liên kết mã bản đồ với kiểu trùng lặp đó. Để biết thông tin chi tiết, hãy xem phần Liên kết hoặc xoá mã bản đồ trên kiểu.
Tôi không thấy các thay đổi về kiểu trên bản đồ xem trước
Nếu bạn thực hiện một thay đổi nhưng không thấy thay đổi đó trên bản đồ xem trước, thì bạn có thể thử một số cách sau.
Kiểm tra xem có kiểu nào trùng lặp không: Để biết thông tin chi tiết, hãy xem bài viết Quản lý các kiểu trùng lặp.
Kiểm tra các chế độ ghi đè kế thừa kiểu: Kiểm tra xem có kiểu con tuỳ chỉnh nào bên dưới kiểu mà bạn đang đặt có ghi đè kiểu mẹ của kiểu đó hay không. Để biết thông tin chi tiết về tính kế thừa kiểu, hãy xem phần Tìm hiểu về tính kế thừa và hệ thống phân cấp kiểu bản đồ.
Thay đổi mức thu phóng bản đồ: Có thể các đối tượng bản đồ mà bạn đang tạo kiểu không xuất hiện trên bản đồ ở mức thu phóng hiện tại.
Phóng to: Nếu bạn chắc chắn rằng đối tượng đó có trên bản đồ, hãy phóng to để xem chi tiết hơn và đối tượng đó có thể xuất hiện.
Thu nhỏ: Với một số đối tượng lớn trên bản đồ, bạn có thể cần thu nhỏ cho đến khi các đối tượng chi tiết trên bản đồ biến mất thì kiểu của bạn mới xuất hiện.
Văn bản của tôi trông bị mờ hoặc không rõ nét
Nếu màu bạn chọn cho phần tô và nét của văn bản không có đủ độ tương phản, thì phông chữ sẽ trông đậm và mờ vì nét (đường viền) và phần tô hợp nhất với nhau. Chọn những màu có độ tương phản phù hợp.
Phong cách của tôi trông tẻ nhạt hoặc có màu sắc không phù hợp
Đối tượng trên bản đồ mà bạn đang tạo kiểu có thể trùng lặp với một hoặc nhiều đối tượng khác trên bản đồ. Để được trợ giúp, hãy xem bài viết Quản lý các kiểu trùng lặp.
Các đối tượng bản đồ không chính xác đang được tạo kiểu
Nếu bạn thấy các đối tượng trên bản đồ có kiểu trùng khớp với kiểu bạn đã đặt, thì có thể kiểu bản đồ mặc định cho các đối tượng đó giống với kiểu bạn đang đặt. Bạn có thể thử một số cách sau:
Tắt chế độ hiển thị cho đối tượng trên bản đồ phù hợp. Ví dụ: nếu bạn đang cố gắng đặt màu cho Nhà máy rượu vang thành màu đỏ sẫm và nhận thấy rằng các Điểm quan tâm khẩn cấp có màu đỏ, thì điều này có thể khiến người dùng của bạn nhầm lẫn. Bạn có thể chọn tắt chế độ hiển thị cho các Điểm quan tâm khẩn cấp để tránh nhầm lẫn.
Thay đổi kiểu của những đối tượng trên bản đồ mà bạn không muốn trùng khớp. Ví dụ: trong ví dụ ở trên, bạn cũng có thể chọn tạo kiểu cho các Điểm quan tâm khẩn cấp thành màu cam để tránh nhầm lẫn.
Tôi gặp lỗi khi cố gắng tải kiểu bản đồ
Bạn không thể sử dụng mã nhận dạng bản đồ và kiểu bản đồ cùng một lúc. Bạn có thể làm theo một trong những cách sau:
Đề xuất: Xoá kiểu bản đồ và chỉnh sửa kiểu liên kết với mã bản đồ bằng Cloud Console. Với phương pháp này, bạn có thể tạo một kiểu áp dụng cho tất cả các nền tảng. Để biết thông tin chi tiết, hãy xem phần Liên kết một kiểu với mã bản đồ.
Xoá mã bản đồ và chỉnh sửa kiểu cho từng nền tảng ứng dụng bằng cách sử dụng Thêm bản đồ có kiểu.
Vì việc tạo kiểu JSON là dành riêng cho từng nền tảng, nên bạn cần tạo kiểu cho từng nền tảng ứng dụng mà bạn hiển thị bản đồ có kiểu.
Nếu đã có kiểu bản đồ JSON mà bạn muốn dùng để định kiểu bản đồ dựa trên đám mây, thì bạn có thể nhập kiểu đó. Để biết thông tin chi tiết, hãy xem phần Nhập kiểu bản đồ JSON.
Trừ phi có lưu ý khác, nội dung của trang này được cấp phép theo Giấy phép ghi nhận tác giả 4.0 của Creative Commons và các mẫu mã lập trình được cấp phép theo Giấy phép Apache 2.0. Để biết thông tin chi tiết, vui lòng tham khảo Chính sách trang web của Google Developers. Java là nhãn hiệu đã đăng ký của Oracle và/hoặc các đơn vị liên kết với Oracle.
Cập nhật lần gần đây nhất: 2025-08-31 UTC.
[null,null,["Cập nhật lần gần đây nhất: 2025-08-31 UTC."],[[["\u003cp\u003eThis guide addresses common issues encountered when setting up or customizing map styles in Google Cloud Platform.\u003c/p\u003e\n"],["\u003cp\u003eTroubleshooting steps are provided for various scenarios, such as style updates not appearing, preview map issues, blurry text, incorrect colors, and unintended feature styling.\u003c/p\u003e\n"],["\u003cp\u003eUsers can find information about legacy cloud styling access, known issues, and specific error messages within the document.\u003c/p\u003e\n"],["\u003cp\u003eSolutions offered include checking for style overlaps and inheritance overrides, adjusting zoom levels, ensuring sufficient color contrast, and managing feature visibility.\u003c/p\u003e\n"],["\u003cp\u003eLinks to relevant resources like release notes, WebGL support documentation, and specific setup guides are incorporated throughout the troubleshooting steps.\u003c/p\u003e\n"]]],["This document addresses troubleshooting map style issues across Android, iOS, JavaScript, and Web Service platforms. Common problems include style changes not updating, the style editor failing to load, and blurry text. Solutions involve checking browser settings, enabling hardware acceleration, updating graphics, and ensuring style publication. Issues may also arise from style overlaps, inheritance overrides, zoom level discrepancies, and insufficient color contrast. The document suggests managing overlapping features, adjusting visibility, and modifying unwanted matching styles. It highlights known issues with cloud based maps styling found in the release notes.\n"],null,["# Troubleshoot\n\nSelect 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------------\n\nTo see the latest known issues with cloud-based maps styling, see\nthe [release notes](../cbms-release-notes).\n\nMessages\n--------\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/ios-sdk/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------------\n\nYou might see the following messages displayed after creating or updating\na style.\n\n### My 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/ios-sdk/cloud-customization/map-styles#associate-style-with-map-id).\n\n### I 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/ios-sdk/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/ios-sdk/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\n### My 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\n### My 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/ios-sdk/cloud-customization/overlap).\n\n### The 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\n### I 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/ios-sdk/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 [Add a styled map](../styling).\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/ios-sdk/cloud-customization/map-styles#json-import)."]]