Uncategorized

BẢN ĐỒ GOOGLE

Bắt đầu

Nhúng bản đồ Google vào bất kỳ đâu trên trang web của bạn. Quan trọng nhất là trên trang liên hệ, vì vậy khách truy cập của bạn có thể biết bạn đang ở đâu. Hiển thị các vị trí được xác định trước (vĩ độ và kinh độ) trên bản đồ trên màn hình. Chỉ cần làm theo quy trình từng bước để kết nối Google Map.

Bước => 1: Tạo khóa API Google Map

  • Bây giờ hãy nhấp vào “ Thông tin đăng nhập ”, bạn sẽ thấy khóa API của mình. Sao chép Khóa API từ đây.
  • Bây giờ vào Elementskit => Dữ liệu người dùng => Nhấp vào Bản đồ Google để Mở rộng. Cung cấp khóa API của bạn để Kết nối Google Map.
  • Bây giờ Tìm kiếm Google Map => Kéo => Thả vào khu vực đã chọn

Bước => 2: Chọn Loại bản đồ

Thiết lập bản đồ cơ bản

Thêm một bản đồ Google đơn giản có điểm đánh dấu vào trang web của bạn. Nó phù hợp với những người có kiến ​​thức mới bắt đầu hoặc trung cấp.

  • Nhấp vào Cài đặt => Chọn loại bản đồ Cơ bản từ trình đơn thả xuống. Bạn có thể thấy loại bản đồ cơ bản đã xuất hiện
  • Chọn Địa chỉ từ khu vực đã chọn => Cung cấp Địa chỉ của bạn
  • Bạn có thể thấy vị trí đã chọn

Lấy Vĩ độ và Kinh độ : Vĩ độ được sử dụng cùng với kinh độ để chỉ định vị trí chính xác của các đối tượng địa lý trên bề mặt Trái đất

  • Truy cập https://www.google.com/maps/ => Tìm kiếm vị trí của bạn => Nhấp chuột phải vào điểm chốt của Bản đồ => Bây giờ sao chép Vĩ độ & Kinh độ
  • Bây giờ chọn Loại địa chỉ: Tọa độ
  • Cung cấp Vĩ độ: Vĩ độ là phép đo khoảng cách về phía bắc hoặc nam của Xích đạo.
  • Cung cấp Kinh độ: Kinh độ là số đo phía đông hoặc phía tây của Xích đạo.
  • Bạn có thể thấy vị trí chính xác hiển thị
  • Nhấp vào Cài đặt điểm đánh dấu => Cung cấp tiêu đề điểm đánh dấu => Thêm nội dung sẽ hiển thị khi di chuột
  • Bật chuyển đổi sang Biểu tượng điểm đánh dấu tùy chỉnh
  • Tải lên biểu tượng điểm đánh dấu của bạn
  • Kiểm soát chiều rộng điểm đánh dấu
  • Kiểm soát chiều cao điểm đánh dấu
  • Bạn có thể thấy Hình ảnh / biểu tượng tùy chỉnh đang hiển thị

Nhấp vào Kiểm soát

  • Kiểm soát mức thu phóng: Bạn có thể cung cấp bất kỳ số nào
  • Bật Kiểm soát Chế độ xem phố: Nó chứa biểu tượng Người hình mắc áo có thể được kéo lên bản đồ để bật Chế độ xem phố.
  • Bật Kiểm soát Loại bản đồ: Điều khiển Loại bản đồ cho phép người dùng chọn loại bản đồ (ROADMAP, SATELLITE).
  • Bật điều khiển thu phóng: Điều khiển thu phóng hiển thị các nút “+” và “-” để thay đổi mức thu phóng của bản đồ.
  • Bật điều khiển toàn màn hình: Điều khiển toàn màn hình cung cấp tùy chọn để mở bản đồ ở chế độ toàn màn hình.
  • Bật Thu phóng Bánh xe cuộn: Mỗi lần nhấp, lên hoặc xuống, tăng hoặc giảm hệ số  thu phóng  10%
  • Nhấp vào Chủ đề => Chọn Loại Nguồn Chủ đề: Google Standard
  • Chọn Loại chủ đề của Google từ menu thả xuống
  • Chọn Nguồn chủ đề: Bản đồ Snazzy
  • Chọn chủ đề bản đồ hấp dẫn của bạn từ menu thả xuống
  • Chọn nguồn chủ đề: Tùy chỉnh
  • Cung cấp phong cách tùy chỉnh của bạn trên hộp
  • Nhấp vào khu vực đã chọn để nhận mã kiểu JSON để tạo kiểu cho bản đồ của bạn

Thiết lập bản đồ nhiều điểm đánh dấu

Thêm nhiều điểm đánh dấu trên bản đồ. Mỗi điểm đánh dấu có thể nhấp để hiển thị thông tin.

  • Nhấp vào Cài đặt => Chọn loại bản đồ Nhiều điểm đánh dấu từ trình đơn thả xuống.
  • Bạn có thể thấy loại bản đồ cơ bản đã xuất hiện
  • Chọn Địa chỉ từ khu vực đã chọn => Cung cấp Địa chỉ của bạn
  • Bạn có thể thấy vị trí đã chọn
  • Chọn loại địa chỉ: Tọa độ
  • Cung cấp Latitude
  • Cung cấp kinh độ
  • Bạn có thể thấy Địa chỉ chính xác hiển thị dưới dạng Điểm đánh dấu
  • Nhấp vào Cài đặt điểm đánh dấu
  • Bấm qua nội dung để mở rộng
  • Cung cấp Latitude
  • Cung cấp kinh độ
  • Thêm tên chú giải công cụ
  • Thêm bất kỳ nội dung nào trên hộp
  • Bạn có thể thấy kết quả hiển thị chính xác
  • Bật chuyển đổi biểu tượng tùy chỉnh
  • Tải lên biểu tượng của bạn
  • Chọn chiều rộng biểu tượng
  • Chọn chiều cao biểu tượng

Nhấp vào Kiểm soát

  • Kiểm soát mức thu phóng: Bạn có thể cung cấp bất kỳ số nào
  • Bật Kiểm soát Chế độ xem phố: Nó chứa biểu tượng Người hình mắc áo có thể được kéo lên bản đồ để bật Chế độ xem phố.
  • Bật Kiểm soát Loại bản đồ: Điều khiển Loại bản đồ cho phép người dùng chọn loại bản đồ (ROADMAP, SATELLITE).
  • Bật điều khiển thu phóng: Điều khiển thu phóng hiển thị các nút “+” và “-” để thay đổi mức thu phóng của bản đồ.
  • Bật điều khiển toàn màn hình: Điều khiển toàn màn hình cung cấp tùy chọn để mở bản đồ ở chế độ toàn màn hình.
  • Bật Thu phóng Bánh xe cuộn: Mỗi lần nhấp, lên hoặc xuống, tăng hoặc giảm hệ số  thu phóng  10%
  • Nhấp vào Chủ đề => Chọn Loại Nguồn Chủ đề: Google Standard
  • Choose Google Theme Type from the drop-down
  • Select Theme Source: Snazzy Maps
  • Choose the theme of your snazzy map from the drop-down
  • Select Theme Source: Custom
  • Provide your custom style on the box
  • Click on the selected area to get JSON style code to style your map

Set up Static Map

Static maps are standalone images in PNG format that can be displayed on web and mobile devices without the aid of a mapping library or API. 

  1. Select Map Type: Static
  2. Control Static Image Width
  3. Control Static Image Height

Set up Polyline Map

You can use a polyline to draw lines on a map in Google Maps.

  1. Select Map Type: Polyline
  2. You can see the Polyline Map appeared
  • Provide your coordinate title
  • Provide Latitude
  • Provide Longitude

Set up Polygon Map

Một đa giác (giống như một đường đa giác) xác định một loạt các tọa độ được kết nối trong một chuỗi có thứ tự.

  1. Chọn loại bản đồ: Đa giác
  2. Bạn có thể thấy Bản đồ đa giác xuất hiện
  • Cung cấp tiêu đề tọa độ của bạn
  • Cung cấp Latitude
  • Cung cấp kinh độ
  • Cung cấp Latitude
  • Cung cấp kinh độ
  • Thêm bất kỳ nội dung nào trên hộp

Thiết lập bản đồ lớp phủ

Lớp phủ là các đối tượng trên bản đồ được gắn với tọa độ vĩ độ / kinh độ, vì vậy chúng di chuyển khi bạn kéo hoặc thu phóng bản đồ.

  1. Chọn loại bản đồ: Lớp phủ
  2. Bạn có thể thấy Bản đồ lớp phủ đã xuất hiện
  • Cung cấp Latitude
  • Cung cấp kinh độ
  • Chọn Nội dung lớp phủ trên hộp
  • Bạn có thể thấy nội dung chính xác xuất hiện tương ứng
Cảm xúc của bạn là gì

Related Articles

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Check Also
Close
Back to top button