trackasia-gl
Version:
BSD licensed community fork of mapbox-gl, a WebGL interactive maps library
433 lines (432 loc) • 23 kB
YAML
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 đổ và hiển thị độ cao thực sự ở dạng 3D.
add-3d-model-babylon.html:
title: Thêm 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 mô hình 3D vào bản đồ.
add-3d-model-threejs-with-shadow.html:
title: Thêm 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 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 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 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 và 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 và thêm nó vào bản đồ.
add-image-stretchable.html:
title: Thêm hình ảnh có thể kéo dãn vào bản đồ
description: Sử dụng hình ảnh có 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 và 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 và downcase để thay đổi kiểu chữ của nhãn.
check-for-support.html:
title: Kiểm tra xem WebGL có đượ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 và biểu thức thuộc tính tùy chỉnh.
cluster.html:
title: Tạo và 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: Vô hiệu hóa xoay bản đồ
description: Ngăn người dùng xoay bản đồ.
disable-scroll-zoom.html:
title: Vô 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ị và 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 có 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 có thể kéo
description: Kéo điểm đến một vị trí mới trên bản đồ và 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 mà giữa các vị trí.
globe-3d-model.html:
title: Thêm 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 ký 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 và 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: Vô 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 và giao thức PMTiles
description: Sử dụng plugin và 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 và 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 và 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ử lý tương tác
description: Bật hoặc tắt các trình xử lý 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 đồ và đặt nó bên dưới các nhãn.
geojson-markers.html:
title: Vẽ các điểm GeoJSON
description: Thêm và 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 và đị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 và 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 và 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 và hướng
description: Thay đổi góc nghiêng và 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 đồ cơ 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 và 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 mã nhúng bản đồ
description: Tạo mã 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 đồ có 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.