Nhúng mã Bản đồ Google bằng HTML với điểm đánh dấu

Question

Tôi có một số địa điểm có vĩ độ và kinh độ của họ. Tôi muốn hiển thị chúng trong bản đồ google. Thats ok, những gì tôi không thể là để hiển thị các điểm đánh dấu tại lat cụ thể, vị trí dài.

ví dụ: nếu tôi có mã sau đây, có thể chỉ cần đặt một tùy chọn để hiển thị thị trường cũng như vì tất cả các lat, dài phối đang bắt đầu từ một cơ sở dữ liệu và lặp lại với php

<iframe width="425" height="350" frameborder="0" scrolling="no" 
     marginheight="0" marginwidth="0" 
     src="http://maps.google.mu/?ie=UTF8&amp;ll=-20.234496,57.603722&amp;spn=0.093419,0.169086&amp;t=m&amp;z=13&amp; 
     output=embed"></iframe> 
     <br /> 
     <small><a href="http://maps.google.mu/?ie=UTF8&amp;ll=-20.234496,57.603722 
        &amp;spn=0.093419,0.169086&amp;t=m&amp;z=13&amp;source=embed" 
       style="color:#0000FF;text-align:left">View Larger Map 
       </a> 
     </small> 

Answer 1

Phần tử bạn đã đăng có vẻ như nó chỉ được sao chép từ tính năng nhúng của Google Maps.

Nếu bạn muốn thả điểm đánh dấu cho các vị trí mà bạn có, bạn sẽ cần phải viết một số JavaScript để làm như vậy. Tôi đang học cách làm điều này.

Check-out như sau: https://developers.google.com/maps/documentation/javascript/overlays

Nó có một vài ví dụ và mẫu mã mà có thể dễ dàng tái sử dụng và thích nghi để phù hợp với vấn đề hiện tại của bạn.

Answer 2

Tìm hiểu thư viện JavaScript của Google là một lựa chọn tốt. Nếu bạn không muốn nhận được mã hóa, bạn có thể tìm thấy Maps Engine Lite hữu ích.

Đây là công cụ được Google xuất bản gần đây, nơi bạn có thể tạo bản đồ cá nhân của mình (tạo điểm đánh dấu, vẽ hình học và điều chỉnh màu sắc và kiểu).

Dưới đây là một hướng dẫn hữu ích tôi thấy: Quick Tip: Embedding New Google Maps

Answer 3

tôi sẽ đề nghị cách này, một dòng iframe. không cần javascript. ? Trong truy vấn q =,

<iframe src="http://maps.google.com/maps?q=12.927923,77.627108&z=15&output=embed"></iframe>

Answer 4

không javascript hoặc bên thứ ba 'công cụ' cần thiết, sử dụng này:

<iframe src="https://www.google.com/maps/embed/v1/place?key=<YOUR API KEY>&q=71.0378379,-110.05995059999998"></iframe> 

tham số nơi cung cấp các điểm đánh dấu

có một vài tùy chọn cho định dạng của tham số 'q' r

chắc chắn rằng bạn có Google Maps Nhúng API và API Static Maps cho phép trong API của bạn, hoặc google sẽ chặn các yêu cầu

để biết thêm thông tin kiểm tra here