Cách nhúng Google Map vào website

Cách nhúng Google Map vào website
3 (60%) 1 vote

Hẵn mình không cần nhắc lại Google Map có vô sô lợi ích với chúng ta. Bài này mình sẽ giới thiệu tới các bạn cách nhúng Google Map vào website của bạn, có thể áp dụng cho trang liện hệ.

Để làm điều này, thật sự đơn giản Google có một công cụ gọi là Maps Engine Lite, và bây giờ mình sẽ giới thiệu về nó

Maps Engine Lite   là một công cụ cho ta lưu và chỉnh sửa bản đồ của riêng mình, tất nhiên bạn cần có một account google.

gmail

Rồi bạn đăng và chia sẽ bản đồ của bạn, đề làm điều này thì ban kích vào nút màu xanh Create a new map, rồi bạn gỏ địa chỉ mà bạn muốn đăng lên, ở đây mình chọn “Hồ Hoàn Kiếm, Hà Nội, Việt Nam”

tim ho hoan kiem

Tìm được vị trí rồi, sau đó bạn thêm vị trí vào bằng cách di chuột tới vị trí click chuột phải rồi chọn add map.

Bây giờ bạn ghị tên cho bản đồ của mình lại, bằng cách click vào “Untitled map

ghi lai nhan

Bây giờ, bạn có thể chia sẽ vị trí đó với bạn bè, nhưng trước khi chia sẽ bạn cần public bản đồ trước, bằng cách click vào nut Share bên góc bên phải, và chọn như hình dưới

share

Lấy code dán vào trang web của chúng ta, làm như hình dưới

lay code

Bạn có được đoạn code HTML như bên dưới, bạn có thể dán đoạn code này vào trang web của mình rồi đó.

Thật tuyệt phải không các bạn, chúc các bạn thực hiện thành công.

Tag: laravel google maps