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 thanhnhacvietnam.net
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.
- Gõ "Nha trang" vô khung đầu tiên rồi bấm "Create marker here".
- 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:
- Khi đó ở cuối trang bạn sẽ thấy có một URL:
https://thanhcavietnam.net/forum/att...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à:
Code:
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/ima...nsertimage.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/att...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à:
Code:
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.
