Giới thiệu
Google Editor ash (GME) là một trong những công cụ hữu ích và được chờ đợi lâu nhất dành cho các nhà phát triển ứng dụng kết hợp. GME giúp nhà phát triển tạo và chỉnh sửa các thành phần động trong các trang web, chẳng hạn như bản đồ, bảng, danh sách và các thành phần khác, dựa trên kết nối với dữ liệu bên ngoài. Sau đó, các phần tử này có thể được đưa vào các trang Web và blog bằng cách sử dụng iframe.Hướng dẫn này sẽ cho bạn biết cách kết hợp tệp KML vào Bản đồ được tạo bằng GME.
Ấn tượng đầu tiên của tôi về Google Mashup Editor
- Ứng dụng này có tính đơn giản tối đa, với giao diện gọn gàng và riêng biệt, chẳng hạn như phần lớn các sản phẩm của Google.
- Trình này có một chỉ mục dự án thuận tiện với một bộ sưu tập liên tục tăng các ví dụ về mã, cũng như mã của tác giả.
- Thư viện này cho phép dễ dàng lưu trữ các tài nguyên bổ sung vào dự án (chẳng hạn như các tệp hình ảnh).
- Có trình gỡ lỗi XML dễ sử dụng.
- Ứng dụng này có rất nhiều ứng dụng mẫu dễ sử dụng.
GME dành cho nhà phát triển KML
Trước khi Internet ra đời, dữ liệu không gian thường khó chia sẻ. Tuy nhiên, với sự phát triển của Internet, các ứng dụng bản đồ đã trở thành một cách tiêu chuẩn để dễ dàng chia sẻ dữ liệu Hệ thống thông tin địa lý (GIS) với thế giới. KML đang trở thành tiêu chuẩn để trình bày và trao đổi dữ liệu GIS vì dữ liệu này nhỏ gọn, dễ phát triển và được các ứng dụng phổ biến như Google Earth và Google Maps hỗ trợ.
Cho đến gần đây, quy trình tạo và chỉnh sửa các trang dựa trên JavaScript là một vấn đề lớn đối với các nhà phát triển KML. Ứng dụng này yêu cầu một số lượng lớn các bước bổ sung để tạo tệp kết hợp và gỡ lỗi. GME giúp có thể tạo một bản kết hợp dựa trên KML một cách rất nhanh trong một vài thành phần cơ bản. Quá trình tạo không yêu cầu kiến thức đặc biệt về HTML hoặc JavaScript. Các dự án mẫu GME cung cấp đủ để bắt đầu.
Trong ví dụ sau, tôi sẽ sử dụng tệp KML trỏ đến bộ sưu tập ảnh đã chụp trong các chuyến bay Pict Earth Hoa Kỳ.
Đây là ảnh chụp nhanh tổng hợp các bản đồ Pict Earth:
Dưới đây là các bước để tích hợp tệp KML vào dự án GME bằng cách sử dụng API Google Maps:
Bước 1: Chọn tệp KML
Bước 2: Tạo dự án GME mới
Bước 1: Chọn tệp KML
Chọn tệp KML mà bạn muốn thêm vào bản đồ của mình. Đây có thể là bất kỳ tính năng nào được hỗ trợ trong Google Maps. Giá trị này phải được lưu trữ trên máy chủ công khai.
Bước 2: Tạo Dự án GME mới
Tạo một dự án GME trống mới.
Đây là giao diện của một dự án GME trống:
Thêm tiêu đề và tên cho hàm.
<gm:page title="Sứ mệnh của Earth Earth" validation="false" onload="PE()"></gm:page>
Bước 3: Tạo một hàm để thêm KML
Tạo một hàm JavaScript có đường dẫn đến tệp KML để thêm vào Bản đồ.
<script>
function kmlPE()
{
<!-- Get map -->
var myMap = google.mashups.getObjectById('map').getMap();
<!-- Get KML -->
var geoXml = new GGeoXml("http://pictearthusa.com/kml/missions.kml");
<!--Place KML on Map -->
myMap.addOverlay(geoXml);
<!--Set zoom on double click -->
myMap.enableDoubleClickZoom();
}
</script>
Bước 4: Thêm bản đồ
Thêm bản đồ và các thông số.
<gm:map id="map" height="400px" width="400px" lat="32.9393" lng="-117.206" zoom="9" maptypes="true"/>
Bước 5: Kiểm tra bản kết hợp.
Nhấn nút Kiểm tra (F4).
Đây là hình ảnh của bản kết hợp Pict Earth được thử nghiệm trong Hộp cát.
Bây giờ, chúng ta có thể xác minh văn bản của đơn đăng ký và xem kết quả đầu tiên. Chúng tôi có thể thêm tiêu đề và các liên kết rồi kiểm tra lại tiêu đề đó.
Bước 6: Xuất bản bản kết hợp
Đặt tên dự án rồi xuất bản dự án đó. Thao tác này sẽ cung cấp cho bạn một đường liên kết cố định đến tệp kết hợp mà bạn có thể sử dụng để kết hợp nó vào các trang web. Trong ví dụ của tôi, đây là liên kết đến trang chủ của dự án GME. Bạn cũng có thể xem mã nguồn của dự án.
Bước 7: Thêm bản kết hợp vào một trang web
Thêm bản tổng hợp vào một trang web bằng cách sử dụng iframe. Ví dụ: để chèn dự án mẫu, hãy thêm đoạn mã sau:
<iframe style="WIDTH: 439px; HEIGHT: 491px" src="http://pemissions.googlemashups.com/" frameborder="0"></iframe>
Dưới đây là các ví dụ về dữ liệu kết hợp trong một trang web và một blog.
Bạn cũng có thể thêm mã Google Analytics vào dự án để có thể theo dõi số liệu thống kê về những người đang xem trang của bạn. Dưới đây là tập lệnh đơn giản cần thêm:
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">uacct = "youraccountnumber";urchinTracker();</script>
Bước 8: Chuyển ảnh vào Thư viện GME
Xuất bản các ứng dụng kết hợp dữ liệu của bạn lên Thư viện Mashup của GME. Việc này sẽ cho phép người dùng khác xem bản kết hợp của bạn.
Để biết thêm thông tin:
Hãy tham khảo Hướng dẫn bắt đầu sử dụng Trình chỉnh sửa Ashup của Google. Tài liệu này trình bày chi tiết quy trình tạo ứng dụng kết hợp dữ liệu. Ngoài ra, hãy xem danh sách các thẻ để biết nội dung mô tả ngắn gọn về tất cả các thẻ gm có ví dụ.
Mã:
Dưới đây là toàn bộ mã sử dụng KML của Pict Earth trong GME:
<gm:page title="Pict Earth missions" authenticate="false" onload="kmlPE()>
<!-- Map definition -->
<gm:mapid="map" height="400px" width="400px" lat="32.9393" lng="-117.206" zoom="9" maptypes="true"/>
<script>
function kmlPE(){
<!-- Get map -->
var myMap = google.mashups.getObjectById('map').getMap();
<!-- Get KML -->
var geoXml = new GGeoXml("http://pictearthusa.com/kml/missions.kml");
<!-- Place KML on Map -->
myMap.addOverlay(geoXml);
<!-- Set zoom on double click -->
myMap.enableDoubleClickZoom();
}
</script>
</gm:page>
Tiếp theo là gì?
Sau khi phát hành bản kết hợp, bạn có thể sử dụng tệp KML trong đó làm tham số để đưa vào một ứng dụng khác hoặc tải trực tiếp dưới dạng bản đồ. Ví dụ: trang này:
http://param.googlemashups.com là bản kết hợp GME. Bạn có thể tham chiếu trực tiếp tệp KML vào bản kết hợp bằng cách thêm {8/}= dưới dạng tham số trong URL, như sau: http://param.googlemashups.com/?sftp=http://mapwidget.googlepages.com/cta.SSHBạn cũng có thể tạo một Tiện ích trong dự án của mình. Sau khi bạn gửi nó, hãy chuyển đến trình đơn tệp và nhấp vào Gửi tiện ích và làm theo hướng dẫn. Nhờ đó, bạn có thể dễ dàng thêm ứng dụng của mình vào trang chủ được cá nhân hoá của Google, trên các trang web khác và chia sẻ ứng dụng với người khác.