PDA

View Full Version : Test map



TuanHH
23-05-2009, 11:35 PM
Nhà thờ Đức Bà
http://maps.google.com/staticmap?center=10.779741,106.699058&markers=10.779741,106.699058,red&zoom=16&size=500x300&key=ABQIAAAA0rF0RlCD9noMDSbtsoRhaBSfFMOXLrjfsjYDm-EbYoo9pDA3MxTiiSNQrWz4RCdNRJ80Q8UfcNKSeA


Giáo xứ Đất đỏ - Giáo phận Bà Rịa
http://maps.google.com/staticmap?center=10.468906,107.284241&markers=10.487812,107.262268,red&path=rgba:0x0000FF80,weight:5|10.44932,107.23824&zoom=10&size=500x300&key=ABQIAAAA0rF0RlCD9noMDSbtsoRhaBSfFMOXLrjfsjYDm-EbYoo9pDA3MxTiiSNQrWz4RCdNRJ80Q8UfcNKSeA


Hai ví dụ trên đây minh họa việc sử dụng bản đồ trong bài viết của bạn, giúp người đọc có thể hình dung được vị trí trên bản đồ của nơi bạn đang nói đến. Đương nhiên bạn cũng có thể dán một bản đồ dưới dạng hình ảnh (jpg, gif...) có sẵn, tuy nhiên chúng tôi giới thiệu một công cụ có thể giúp bạn có thể chèn vào bài viết của mình bản đồ với một số tùy biến theo ý bạn một cách tương đối đơn giản và nhanh: dùng Google Static Map.





Việc này được thực hiện qua 3 bước:

Dùng Static Map Wizard qua một vài bước kéo, thà, lê để phát sinh một URL (dạng http://....), chứa các tham số bản đồ.
Chèn vào bài, dùng nút 'Bỏ hình vào bài' tương tự như chèn các hình thông thường.
Thêm Google Map API key vào URL để có thể dùng được trong thanhcavietnam.info
Thí dụ cụ thể: bản đồ chỉ vị trí Nhà thờ Chánh toà Nha Trang (nhà thờ Đá).





1. Static Map Wizard

Click vô trang web Static Map Wizard (http://gmaps-samples.googlecode.com/svn/trunk/simplewizard/makestaticmap.html).
Gõ "Nha trang" vô khung đầu tiên rồi bấm "Create marker here".

https://thanhcavietnam.net/forum/attachment.php?attachmentid=861&stc=1&d=1243154442











http://maps.google.com/staticmap?center=12.245251,109.198957&markers=10.487812,107.262268,red|12.245251,109.198957,red&path=rgba:0x0000FF80,weight:5|10.44932,107.23824&zoom=13&size=250x150&key=ABQIAAAA0rF0RlCD9noMDSbtsoRhaBSfFMOXLrjfsjYDm-EbYoo9pDA3MxTiiSNQrWz4RCdNRJ80Q8UfcNKSeA

Bản đồ bên dưới sẽ chuyển tới TP Nha Trang. Nếu bản đồ không tới vị trí như bạn muốn, có thể do tên địa điểm chưa có trong dữ liệu của Google Map. Khi đó bạn thử gõ tên của đơn vị địa lý cao hơn, thí dụ thay vì gõ tên xã, bạn thử gõ tên huyện, thị xã. Với các tên địa phương trùng lắp (thí dụ huyện Châu Thành có ở nhiều tỉnh), bạn gõ thêm tên tỉnh. Thí dụ: chau thanh, tien giang.
Trong bản đồ Nha Trang ở trên, bạn thấy là marker (con trỏ vị trí) nằm ở... ngoài biển. Do đó bạn cần 1 số thao tác để tinh chỉnh lại
Dùng các nút Zoom in [+], zoom out [-], và con chuột để kéo bản đồ tới vị trí mong muốn.
Dùng con chuột để dời marker tới vị trí đúng của Nhà thờ Đá.
Bạn có thể chọn các kiểu bản đồ khác (Satellite: hình chụp từ vệ tinh, Terrain: địa hình...)
Sau vài phút 'xào nấu' (tinh chỉnh), bạn sẽ có một bản đồ vừa ý như dưới đây:

http://maps.google.com/staticmap?center=12.247753,109.187279&markers=10.487812,107.262268,green|12.246747,109.240580,green|11.311853,106.024343,green|10.303246,106.359625,green|12.246831,109.188223,green&path=rgba:0x0000FF80,weight:5|10.44932,107.23824&zoom=15&size=500x300&key=ABQIAAAA0rF0RlCD9noMDSbtsoRhaBSfFMOXLrjfsjYDm-EbYoo9pDA3MxTiiSNQrWz4RCdNRJ80Q8UfcNKSeA (http://maps.google.com/staticmap?center=12.246285,109.190369&markers=12.246831,109.188137,green&path=rgba:0x0000FF80,weight:5|10.44932,107.23824&zoom=15&size=500x300&key=ABQIAAAA0rF0RlCD9noMDSbtsoRhaBSfFMOXLrjfsjYDm-EbYoo9pDA3MxTiiSNQrWz4RCdNRJ80Q8UfcNKSeA)

Khi đó ở cuối trang bạn sẽ thấy có một URL:
https://thanhcavietnam.net/forum/attachment.php?attachmentid=862&stc=1&d=1243154442

Bạn quét để chọn hết hàng URL (trong khung) rồi nhấn Ctrl-C để copy dòng URL này, sẽ dùng để Ctrl-V ở bước 2. URL này khá dài, đối với bản đồ Nha trang trên, đầy đủ là:

http://maps.google.com/staticmap?center=12.246285,109.190369&markers=12.246831,109.188137,green
&path=rgba:0x0000FF80,weight:5|10.44932,107.23824&zoom=15&size=500x300&key=YOUR_KEY_HERE

Lưu ý đọan 'YOUR_KEY_HERE' ở cuối, sẽ cần trong bước 3.
2. Chèn vào bài

Trở về bài viết của bạn. Dùng nút 'Bỏ hình vào bài' (https://thanhcavietnam.net/forum/images/editor/insertimage.gif) như thao tác bạn thường dùng để bỏ hình gif, jpg, bmp...
Bấm Ctrl-V để dán dòng URL (đã copy ở bước 1 vào), nhưng khoan bấm 'OK' hay Enter. Còn bước 3 nữa cơ mà. Khi đó trên cửa sổ sẽ như hình bên dưới.
https://thanhcavietnam.net/forum/attachment.php?attachmentid=863&stc=1&d=1243157156






3. Đưa Google Map API key vào URL

Xóa đoạn 'YOUR_KEY_HERE' trong của sổ nhập URL.
Thay vào đó bằng Google Map API key đã được đăng ký cho ThanhCaVietNam.net:
ABQIAAAA0rF0RlCD9noMDSbtsoRhaBSfFMOXLrjfsjYDm-EbYoo9pDA3MxTiiSNQrWz4RCdNRJ80Q8UfcNKSeA

Đương nhiên bạn nên Copy (Ctrl-C) và Paste (Ctrl-V), thay vì gõ từng chữ (chính xác, phân biệt chữ HOA, chữ thường). URL cuối cùng sẽ là:

http://maps.google.com/staticmap?center=12.246285,109.190369&markers=12.246831,109.188137,green
&path=rgba:0x0000FF80,weight:5|10.44932,107.23824&zoom=15&size=500x300&key=ABQIAAAA0rF0RlCD9noMDSbtsoRhaBSfFMOXLrjfsjYDm-EbYoo9pDA3MxTiiSNQrWz4RCdNRJ80Q8UfcNKSeA

Tới đây, bạn đã có thể Enter (hoặc bấm OK). Và nếu thực hiện đúng bạn sẽ thấy bản đồ xuất hiện trong bài viết của bạn.
Chúc bạn thành công.