2008-08-18 29 views

Trả lời

10

Tôi giả sử bạn có các khái niệm cơ bản về Bản đồ trong mã của bạn đã có với Khóa API.

<head> 
    <script 
    type="text/javascript" 
    href="http://maps.google.com/maps? 
     file=api&v=2&key=xxxxx"> 
    function createMap() { 
    var map = new GMap2(document.getElementById("map")); 
    map.setCenter(new GLatLng(37.44, -122.14), 14); 
    } 
    </script> 
</head> 
<body onload="createMap()" onunload="GUnload()"> 

Mọi thứ trong Google Maps đều dựa trên vĩ độ (vĩ độ) và kinh độ (lng).
Vì vậy, để tạo một điểm đánh dấu đơn giản, bạn sẽ chỉ tạo một GMarker với lat và lng.

var where = new GLatLng(37.925243,-122.307358); //Lat and Lng for El Cerrito, CA 
var marker = new GMarker(where); // Create marker (Pinhead thingy) 
map.setCenter(where); // Center map on marker 
map.addOverlay(marker); // Add marker to map 

Tuy nhiên nếu bạn không muốn tra cứu Lat và Lng cho mỗi thành phố, bạn có thể sử dụng Bộ mã hóa địa lý của Google. Ví dụ:

var address = "El Cerrito, CA"; 
var geocoder = new GClientGeocoder; 
geocoder.getLatLng(address, function(point) { 
    if (point) { 
    map.clearOverlays(); // Clear all markers 
    map.addOverlay(new GMarker(point)); // Add marker to map 
    map.setCenter(point, 10); // Center and zoom map on marker 
    } 
}); 

Vì vậy, tôi sẽ tạo một mảng GLatLng của mọi thành phố từ GeoCoder và sau đó vẽ chúng trên bản đồ.

1

Tôi đoán thêm thông tin sẽ cần thiết để thực sự cung cấp cho bạn câu trả lời, nhưng tại Django Pluggables có một số django-googlemap plugin có thể trợ giúp.

Chỉnh sửa: Adam có câu trả lời tốt hơn nhiều. Khi nó nghi ngờ xem xét các ví dụ API.

8

Kiểm tra Google Maps API Examples Chúng làm cho nó khá đơn giản và tài liệu API của chúng thật tuyệt vời. Hầu hết các ví dụ là để làm tất cả các mã trong JavaScript ở phía khách hàng, nhưng cũng có các API cho các ngôn ngữ khác có sẵn.

Các vấn đề liên quan