UNPKG

trackasia-gl

Version:

BSD licensed community fork of mapbox-gl, a WebGL interactive maps library

433 lines (432 loc) 23 kB
3d-buildings.html: title: Hiển thị các tòa nhà dạng 3D description: Sử dụng các khối đùn để hiển thị chiều cao của các tòa nhà dạng 3D. 3d-extrusion-floorplan.html: title: Đùn các đa giác để lập bản đồ trong nhà 3D description: Tạo bản đồ trong nhà 3D với thuộc tính sơn fill-extrude-height. 3d-terrain.html: title: Địa hình 3D description: Vượt ra ngoài bóng đổ hiển thị độ cao thực sự dạng 3D. add-3d-model-babylon.html: title: Thêm hình 3D với babylon.js description: Sử dụng lớp kiểu tùy chỉnh với babylon.js để thêm hình 3D vào bản đồ. add-3d-model-threejs-with-shadow.html: title: Thêm hình 3D với bóng đổ bằng three.js description: >- Sử dụng lớp kiểu tùy chỉnh với three.js để thêm mô hình 3D có bóng đổ vào bản đồ. add-3d-model-with-terrain.html: title: Thêm hình 3D bằng three.js trên địa hình description: >- Sử dụng lớp kiểu tùy chỉnh với three.js để thêm các mô hình 3D vào bản đồ với địa hình 3D. add-3d-model.html: title: Thêm hình 3D bằng three.js description: Sử dụng lớp kiểu tùy chỉnh với three.js để thêm hình 3D vào bản đồ. add-a-marker.html: title: Thêm một điểm đánh dấu mặc định description: Thêm một điểm đánh dấu mặc định vào bản đồ. add-cog.html: title: Thêm nguồn raster COG description: Thêm một Cloud Optimized Geotiff (COG) bên ngoài làm nguồn. add-deckgl-layer-using-rest-api.html: title: Tạo lớp deck.gl bằng REST API description: Tạo một lớp deck.gl làm lớp phủ từ REST API. add-image-animated.html: title: Thêm biểu tượng động vào bản đồ description: >- Thêm biểu tượng động vào bản đồ được tạo tại thời gian chạy bằng API Canvas. add-image-generated.html: title: Thêm biểu tượng được tạo vào bản đồ description: Thêm biểu tượng vào bản đồ được tạo tại thời gian chạy. add-image-missing-generated.html: title: Tạo thêm biểu tượng bị thiếu vào bản đồ description: Tạo động biểu tượng bị thiếu tại thời gian chạy thêm vào bản đồ. add-image-stretchable.html: title: Thêm hình ảnh thể kéo dãn vào bản đồ description: Sử dụng hình ảnh thể kéo dãn làm nền cho văn bản. add-image.html: title: Thêm biểu tượng vào bản đồ description: >- Thêm biểu tượng vào bản đồ từ URL bên ngoài và sử dụng nó trong một lớp biểu tượng. animate-a-line.html: title: Hoạt hình một đường description: Hoạt hình một đường bằng cách cập nhật nguồn GeoJSON trên mỗi khung hình. animate-camera-around-point.html: title: Hoạt hình camera bản đồ xung quanh một điểm description: Hoạt hình camera bản đồ xung quanh một điểm. animate-images.html: title: Hoạt hình một loạt hình ảnh description: Sử dụng một loạt nguồn hình ảnh để tạo hoạt hình. animate-marker.html: title: Hoạt hình một điểm đánh dấu description: >- Hoạt hình vị trí của một điểm đánh dấu bằng cách cập nhật vị trí của nó trên mỗi khung hình. animate-point-along-line.html: title: Hoạt hình một điểm description: >- Hoạt hình vị trí của một điểm bằng cách cập nhật nguồn GeoJSON trên mỗi khung hình. animate-point-along-route.html: title: Hoạt hình một điểm dọc theo tuyến đường description: >- Sử dụng Turf để hoạt hình một điểm mượt mà dọc theo khoảng cách của một đường thẳng. animate-symbol-to-follow-mouse.html: title: Hoạt hình biểu tượng để theo dõi chuột description: Hoạt hình biểu tượng để theo dõi chuột. attribution-position.html: title: Thay đổi vị trí mặc định cho chú thích description: Đặt chú thích vị trí trên cùng bên trái khi khởi tạo bản đồ. camera-animation.html: title: Tùy chỉnh hoạt hình camera description: Tùy chỉnh hoạt hình camera bằng cách sử dụng AnimationOptions. canvas-source.html: title: Thêm nguồn canvas description: Thêm một nguồn canvas vào bản đồ. center-on-symbol.html: title: Đặt bản đồ vào biểu tượng được nhấp description: Sử dụng sự kiện flyTo để đặt bản đồ vào một biểu tượng. center-point.html: title: Đặt điểm trung tâm trên mặt đất description: Đặt điểm trung tâm trên mức mặt đất. change-building-color-based-on-zoom-level.html: title: Thay đổi màu sắc tòa nhà dựa trên mức thu phóng description: >- Sử dụng biểu thức interpolate để làm mờ dần lớp tòa nhà và chuyển đổi mượt mà từ màu này sang màu khác. change-case-of-labels.html: title: Thay đổi kiểu chữ của nhãn description: Sử dụng biểu thức upcase downcase để thay đổi kiểu chữ của nhãn. check-for-support.html: title: Kiểm tra xem WebGL được hỗ trợ không description: Kiểm tra hỗ trợ trình duyệt WebGL. cluster-html.html: title: Hiển thị các cụm HTML với thuộc tính tùy chỉnh description: Mở rộng cụm với các điểm đánh dấu HTML biểu thức thuộc tính tùy chỉnh. cluster.html: title: Tạo tạo kiểu cho các cụm description: >- Sử dụng các chức năng tích hợp của TrackAsia GL JS để trực quan hóa các điểm dưới dạng cụm. color-switcher.html: title: Thay đổi màu của một lớp bằng các nút description: Sử dụng setPaintProperty để thay đổi màu sắc của lớp. contour-lines.html: title: Thêm các đường đồng mức description: Thêm các đường đồng mức vào bản đồ của bạn từ một nguồn raster-dem. cooperative-gestures.html: title: Cử chỉ hợp tác description: >- Kích hoạt các cử chỉ hợp tác với một ngôn ngữ cụ thể. Xem cách nó hoạt động ở chế độ toàn màn hình. custom-marker-icons.html: title: Thêm biểu tượng tùy chỉnh với Markers description: Thêm các biểu tượng đánh dấu tùy chỉnh vào bản đồ của bạn. custom-style-layer.html: title: Thêm một lớp kiểu tùy chỉnh description: Sử dụng một lớp kiểu tùy chỉnh để hiển thị nội dung WebGL tùy chỉnh. data-driven-lines.html: title: Tạo kiểu cho các đường với thuộc tính dựa trên dữ liệu description: Tạo một hình ảnh trực quan với một biểu thức dữ liệu cho line-color. disable-rotation.html: title: hiệu hóa xoay bản đồ description: Ngăn người dùng xoay bản đồ. disable-scroll-zoom.html: title: hiệu hóa thu phóng bằng cuộn description: Ngăn cuộn chuột thu phóng bản đồ. display-and-style-rich-text-labels.html: title: Hiển thị tạo kiểu cho nhãn văn bản phong phú description: >- Sử dụng biểu thức format để hiển thị nhãn quốc gia bằng cả tiếng Anh và ngôn ngữ địa phương. drag-a-marker.html: title: Tạo một điểm đánh dấu thể kéo description: >- Kéo điểm đánh dấu đến một vị trí mới trên bản đồ và hiển thị tọa độ của nó. drag-a-point.html: title: Tạo một điểm thể kéo description: Kéo điểm đến một vị trí mới trên bản đồ hiển thị tọa độ của nó. draw-a-radius.html: title: Vẽ một vòng tròn description: Vẽ một bán kính để ước lượng một vị trí với Turf.js. fallback-image.html: title: Sử dụng hình ảnh dự phòng description: >- Sử dụng biểu thức coalesce để hiển thị một hình ảnh khác khi hình ảnh được yêu cầu không khả dụng. flyto.html: title: Bay đến một vị trí description: Sử dụng flyTo để nội suy mượt giữa các vị trí. globe-3d-model.html: title: Thêm hình 3D vào quả địa cầu bằng three.js description: >- Sử dụng một lớp kiểu tùy chỉnh với three.js để thêm mô hình 3D vào quả địa cầu. local-geojson-experimental.html: title: Xem GeoJSON cục bộ (thử nghiệm) description: Xem GeoJSON cục bộ với API Truy cập Hệ thống Tệp thử nghiệm. local-ideographs.html: title: Sử dụng các tự tượng hình được tạo cục bộ description: >- Đặt localIdeographFontFamily để ghi đè phông chữ được sử dụng để hiển thị các ký tự CJK (Trung Quốc, Nhật Bản và Hàn Quốc), bỏ qua kiểu bản đồ. sync-move.html: title: Đồng bộ hóa chuyển động của nhiều bản đồ description: Đồng bộ hóa các bản đồ TrackAsia GL JS với plugin sync-move. globe-atmosphere.html: title: Hiển thị quả địa cầu với bầu khí quyển description: Hiển thị quả địa cầu với bầu khí quyển. zoomto-linestring.html: title: Phóng to để vừa với giới hạn của LineString description: Lấy giới hạn của một LineString. navigation.html: title: Hiển thị các điều khiển điều hướng bản đồ description: Thêm các điều khiển thu phóng xoay vào bản đồ. toggle-deckgl-layer.html: title: Chuyển đổi lớp deck.gl description: Chuyển đổi lớp deck.gl bằng cách sử dụng TrackAsia. geojson-line.html: title: Thêm một đường GeoJSON description: >- Thêm một đường GeoJSON vào bản đồ bằng addSource, sau đó tạo kiểu cho nó bằng các thuộc tính paint của addLayer. heatmap-layer.html: title: Tạo một lớp bản đồ nhiệt description: >- Trực quan hóa tần suất động đất theo vị trí bằng cách sử dụng lớp bản đồ nhiệt. variable-label-placement.html: title: Đặt nhãn biến đổi description: >- Sử dụng text-variable-anchor để cho phép các nhãn ưu tiên cao thay đổi vị trí để ở lại trên bản đồ. interactive-false.html: title: Hiển thị bản đồ không tương tác description: hiệu hóa tính tương tác để tạo một bản đồ tĩnh. geojson-polygon.html: title: Thêm một đa giác GeoJSON description: Tạo kiểu cho một đa giác với loại lớp fill. filter-within-layer.html: title: Lọc trong một lớp description: Lọc một lớp dựa trên đầu vào của người dùng bằng cách sử dụng setFilter(). globe-custom-simple.html: title: Thêm một lớp tùy chỉnh đơn giản trên quả địa cầu description: Sử dụng một lớp tùy chỉnh để vẽ nội dung WebGL đơn giản trên quả địa cầu. pmtiles.html: title: Nguồn giao thức PMTiles description: Sử dụng plugin giao thức PMTiles để hiển thị bản đồ. offset-vanishing-point-with-padding.html: title: Dịch điểm biến mất bằng cách sử dụng đệm description: >- Dịch tâm hoặc điểm biến mất của bản đồ để giảm méo khi hiển thị các phần tử nổi trên bản đồ. hillshade-multidirectional.html: title: Đổ bóng đa hướng description: Hiển thị đổ bóng đa hướng với các màu sắc hướng chiếu sáng khác nhau. queryrenderedfeatures.html: title: Lấy các đặc điểm dưới con trỏ chuột description: >- Sử dụng queryRenderedFeatures để hiển thị thuộc tính của các phần tử bản đồ được di chuột qua. measure.html: title: Đo khoảng cách description: >- Nhấp vào các điểm trên bản đồ để tạo các đường đo khoảng cách bằng cách sử dụng turf.length. geocoder.html: title: Geocode với Nominatim description: Geocode với Nominatim plugin trackasia-gl-geocoder. satellite-map.html: title: Hiển thị bản đồ vệ tinh description: Hiển thị một lớp nền raster vệ tinh. toggle-interaction-handlers.html: title: Chuyển đổi các trình xử tương tác description: Bật hoặc tắt các trình xử giao diện người dùng trên bản đồ. globe-custom-tiles.html: title: Hiển thị quả địa cầu với các ô tùy chỉnh description: Hiển thị quả địa cầu với các ô tùy chỉnh. globe-zoom-planet-size-function.html: title: Phóng to quả địa cầu với chức năng kích thước hành tinh description: Phóng to quả địa cầu với chức năng kích thước hành tinh. feature-properties-transform.html: title: Sử dụng addProtocol để chuyển đổi thuộc tính của đối tượng description: Chuyển đổi thuộc tính của đối tượng bằng cách sử dụng addProtocol. fill-pattern.html: title: Thêm mẫu vào một đa giác description: Thêm một mẫu vào một đa giác để tạo kiểu. filter-markers-by-input.html: title: Lọc biểu tượng bằng đầu vào văn bản description: Lọc các biểu tượng trên bản đồ dựa trên đầu vào văn bản của người dùng. filter-markers.html: title: Lọc biểu tượng bằng cách bật tắt danh sách description: Lọc các biểu tượng trên bản đồ bằng cách bật tắt các mục trong danh sách. fitbounds.html: title: Điều chỉnh bản đồ để vừa với một hộp giới hạn description: Sử dụng fitBounds để điều chỉnh bản đồ sao cho vừa với một hộp giới hạn. flyto-options.html: title: Bay chậm đến một vị trí description: Sử dụng flyTo với các tùy chọn để bay chậm đến một vị trí trên bản đồ. fullscreen.html: title: Xem bản đồ chế độ toàn màn hình description: Hiển thị bản đồ chế độ toàn màn hình. game-controls.html: title: Điều hướng bản đồ với các điều khiển giống trò chơi description: Sử dụng các điều khiển giống trò chơi để điều hướng bản đồ. geojson-layer-in-stack.html: title: Thêm một lớp mới bên dưới nhãn description: Thêm một lớp GeoJSON mới vào bản đồ đặt bên dưới các nhãn. geojson-markers.html: title: Vẽ các điểm GeoJSON description: Thêm hiển thị các điểm GeoJSON trên bản đồ. globe-fill-extrusion.html: title: Hiển thị quả địa cầu với lớp đùn description: Thêm một lớp đùn vào quả địa cầu để hiển thị chiều cao. globe-vector-tiles.html: title: Hiển thị quả địa cầu với bản đồ vector description: Thêm một bản đồ vector vào quả địa cầu. hash-router.html: title: Định tuyến bằng hash description: Sử dụng hash trong URL để định tuyến bản đồ. heatmap-globe-terrain.html: title: Tạo lớp bản đồ nhiệt trên quả địa cầu với địa hình description: Thêm một lớp bản đồ nhiệt trên quả địa cầu với độ cao địa hình. hillshade-simple.html: title: Thêm lớp đổ bóng địa hình description: Hiển thị lớp đổ bóng địa hình đơn giản trên bản đồ. hover-styles.html: title: Tạo hiệu ứng khi di chuột description: Thêm hiệu ứng khi di chuột qua các phần tử trên bản đồ. hybrid-terrain.html: title: Hiển thị bản đồ vệ tinh lai với địa hình description: Kết hợp bản đồ vệ tinh địa hình để hiển thị bản đồ lai. jump-to.html: title: Nhảy đến một loạt vị trí description: Sử dụng jumpTo để di chuyển nhanh đến các vị trí khác nhau trên bản đồ. language-switch.html: title: Thay đổi ngôn ngữ của bản đồ description: Chuyển đổi ngôn ngữ hiển thị trên bản đồ. line-across-180th-meridian.html: title: Hiển thị đường cắt qua kinh tuyến 180 description: Vẽ một đường cắt qua kinh tuyến 180 trên bản đồ. line-gradient.html: title: Tạo một đường gradient bằng biểu thức description: Sử dụng biểu thức để tạo một đường gradient trên bản đồ. live-geojson.html: title: Thêm dữ liệu thời gian thực description: Thêm dữ liệu GeoJSON thời gian thực vào bản đồ. live-update-feature.html: title: Cập nhật một đối tượng trong thời gian thực description: Cập nhật một đối tượng trên bản đồ trong thời gian thực. local-geojson.html: title: Xem GeoJSON cục bộ description: Hiển thị dữ liệu GeoJSON cục bộ trên bản đồ. locate-user.html: title: Xác định vị trí người dùng description: Sử dụng API định vị để xác định vị trí của người dùng trên bản đồ. lod-control.html: title: Kiểm soát mức độ chi tiết description: Điều chỉnh mức độ chi tiết của các lớp trên bản đồ. map-tiles.html: title: Thêm nguồn ô raster description: Thêm một nguồn ô raster vào bản đồ. mapbox-gl-draw.html: title: Vẽ đa giác với mapbox-gl-draw description: Sử dụng plugin mapbox-gl-draw để vẽ các đa giác trên bản đồ. mapbox-gl-rtl-text.html: title: Thêm hỗ trợ cho các ngôn ngữ từ phải sang trái description: Thêm hỗ trợ cho các ngôn ngữ như tiếng Rập tiếng Do Thái trên bản đồ. maplibre-gl-terradraw.html: title: Vẽ hình học với terra-draw description: Sử dụng plugin terra-draw để vẽ các hình học trên bản đồ. mouse-position.html: title: Lấy tọa độ của con trỏ chuột description: Hiển thị tọa độ của con trỏ chuột trên bản đồ. multiple-geometries.html: title: Thêm nhiều hình học từ một nguồn GeoJSON description: Hiển thị nhiều hình học từ một nguồn GeoJSON duy nhất trên bản đồ. polygon-popup-on-click.html: title: Hiển thị thông tin đa giác khi nhấp description: Hiển thị thông tin của một đa giác khi người dùng nhấp vào nó. popup-on-click.html: title: Hiển thị popup khi nhấp description: Hiển thị một popup khi người dùng nhấp vào bản đồ. popup-on-hover.html: title: Hiển thị popup khi di chuột description: Hiển thị một popup khi người dùng di chuột qua một phần tử trên bản đồ. popup.html: title: Hiển thị popup description: Thêm hiển thị một popup trên bản đồ. render-world-copies.html: title: Hiển thị các bản sao của thế giới description: Hiển thị các bản sao của thế giới trên bản đồ. restrict-bounds.html: title: Giới hạn việc di chuyển bản đồ trong một khu vực description: Giới hạn việc di chuyển bản đồ trong một khu vực cụ thể. scroll-fly-to.html: title: Bay đến một vị trí dựa trên vị trí cuộn description: Sử dụng vị trí cuộn để bay đến một vị trí cụ thể trên bản đồ. set-perspective.html: title: Đặt góc nghiêng hướng description: Thay đổi góc nghiêng hướng của bản đồ. set-popup.html: title: Gắn popup vào một điểm đánh dấu description: Thêm một popup vào một điểm đánh dấu trên bản đồ. simple-map.html: title: Hiển thị một bản đồ description: Hiển thị một bản đồ bản. sky-with-fog-and-terrain.html: title: 'Bầu trời, Sương mù, Địa hình' description: 'Hiển thị bầu trời, sương mù và địa hình trên bản đồ.' timeline-animation.html: title: Tạo thanh trượt thời gian description: Thêm một thanh trượt thời gian để điều khiển hoạt hình trên bản đồ. variable-offset-label-placement.html: title: Đặt nhãn với độ lệch biến đổi description: Sử dụng độ lệch biến đổi để đặt nhãn trên bản đồ. vector-source.html: title: Thêm nguồn ô vector description: Thêm một nguồn ô vector vào bản đồ. video-on-a-map.html: title: Thêm video vào bản đồ description: Thêm một video làm lớp phủ trên bản đồ. visualize-population-density.html: title: Trực quan hóa mật độ dân số description: Hiển thị mật độ dân số trên bản đồ bằng cách sử dụng lớp bản đồ nhiệt. wms.html: title: Thêm nguồn WMS description: Thêm một nguồn WMS vào bản đồ. change-map-style.html: title: Thay đổi kiểu bản đồ description: Thay đổi kiểu bản đồ thông qua tương tác bằng cách sử dụng setStyle(). cluster-leaflet.html: title: Tạo cụm với Leaflet description: Tạo cụm với Leaflet TrackAsia GL JS. direction-between-multiple-custom-points.html: title: Dẫn đường giữa nhiều điểm tùy chỉnh description: Dẫn đường giữa nhiều điểm tùy chỉnh với dịch vụ dẫn đường TrackAsia API. direction-between-multiple-points.html: title: Dẫn đường giữa nhiều điểm description: Dẫn đường giữa nhiều điểm với dịch vụ dẫn đường TrackAsia API. direction-between-two-points.html: title: Dẫn đường giữa hai điểm description: Dẫn đường giữa hai điểm với dịch vụ dẫn đường TrackAsia API. display-contextmenu.html: title: Hiển thị menu ngữ cảnh description: Hiển thị menu ngữ cảnh khi nhấp chuột phải vào bản đồ. generate-embed-map.html: title: Tạo nhúng bản đồ description: Tạo nhúng bản đồ vào một trang web khác. map-styles.html: title: Các kiểu bản đồ description: Các kiểu bản đồ sẵn trong TrackAsia GL JS. third-party.html: title: Sử dụng TrackAsia GL JS với các thư viện bên thứ ba description: Sử dụng TrackAsia GL JS với các thư viện bên thứ ba. vrp.html: title: Tìm đường cho bài toán VRP description: Tìm đường cho bài toán VRP với dịch vụ dẫn đường TrackAsia API.