المقدمة
محرر المزج من Google (GME) هو أحد الأدوات التي طال انتظارها والأكثر فائدة لمطوري البرامج المركبة. تساعد أداة GME مطوّري البرامج على إنشاء مكوّنات ديناميكية وتعديلها في صفحات الويب، مثل الخرائط والجداول والقوائم والعناصر الأخرى، استنادًا إلى الروابط مع البيانات الخارجية. ويمكن بعد ذلك تضمين هذه العناصر في صفحات الويب والمدونات باستخدام إطار iframe.سيعرض لك هذا البرنامج التعليمي كيفية دمج ملف KML في خريطة تم إنشاؤها باستخدام برنامج GME.
مرات الظهور الأولى لمحرر المزج من Google
- فهو يتميز بالبساطة الشديدة من خلال واجهة نظيفة ومميزة مثل معظم منتجات Google.
- وتشتمل على فهرس مشروع ملائم يضم مجموعة متزايدة من أمثلة الرموز، بالإضافة إلى شفرة المؤلف.
- فهو يسمح بتخزين موارد إضافية بسهولة للمشروع (مثل ملفات الصور).
- يحتوي على مصحح أخطاء XML سهل الاستخدام.
- وتحتوي على العديد من نماذج التطبيقات سهلة الاستخدام.
GME لمطوري KML
قبل ظهور الإنترنت، كان من الصعب عادةً مشاركة البيانات المكانية. ومع ذلك، ومع تطوير الإنترنت، أصبحت تطبيقات رسم الخرائط طريقة قياسية لمشاركة بيانات أنظمة المعلومات الجغرافية (GIS) مع العالم بسهولة. أصبح KML معيارًا لتقديم بيانات GIS وتبادلها؛ نظرًا لكونها صغيرة الحجم وسهلة التطوير، ولدعمها من التطبيقات الشائعة مثل Google Earth وخرائط Google.
حتى وقت قريب، كانت عملية إنشاء الصفحات وتعديلها استنادًا إلى جافا سكريبت تمثل مشكلة كبيرة لمطوّري برامج KML. كان يتطلب إجراء عدد كبير من الخطوات الإضافية لإنشاء تطبيقات الويب المركبة وتصحيح أخطائها. يجعل GME من الممكن إنشاء خليط يستند إلى KML بسرعة كبيرة من عدة مكونات أساسية. لا تتطلب عملية الإنشاء معرفة خاصة بلغة HTML أو جافا سكريبت. تقدم نماذج مشروع GME ما يكفي من الخطوات للبدء.
في المثال التالي، سأستخدم ملف KML يشير إلى مجموعة الصور الفوتوغرافية التي تم التقاطها أثناء رحلات Pict Earth USA.
في ما يلي نبذة عن تطبيق الويب المركّب لخرائط Pict Earth:
في ما يلي خطوات دمج ملف KML في مشروع GME باستخدام واجهة برمجة التطبيقات لخرائط Google:
الخطوة 1: اختيار ملف KML
حدد ملف KML الذي تريد إضافته إلى خريطتك. يمكن أن يكون ذلك أي شيء يحتوي على ميزات معتمدة في خرائط Google. ويجب استضافتها على خادم متاح للجميع.
الخطوة 2: إنشاء مشروع GME جديد
أنشئ مشروع GME فارغًا جديدًا.
هذا ما يبدو عليه مشروع GME الفارغ:
أضف عنوانًا واسمًا لدالة.
<gm:page title="Pict Earth missions" auth="false" onload="kmlPE()"></gm:page>
الخطوة 3: إنشاء وظيفة لإضافة ملف KML
أنشئ دالة جافا سكريبت مع المسار إلى ملف KML لإضافته إلى الخريطة.
<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>
الخطوة 4: إضافة خريطة
إضافة خريطة ومعلمات.
<gm:map id="map" height="400px" width="400px" lat="32.9393" lng="-117.206" zoom="9" maptypes="true"/>
الخطوة 5: اختبار تطبيق الويب المركّب.
اضغط على الزر اختبار (F4).
هذه صورة لمزيج تطبيق Earth Pic الذي تم اختباره في وضع الحماية.
والآن يمكننا التحقق من نص طلب الاشتراك ومعرفة النتيجة الأولى. يمكننا إضافة عنوان وروابط وإجراء اختبار مرة أخرى.
الخطوة 6: نشر المزج
اضبط اسم المشروع، ثم انشره. سيوفر لك هذا رابطًا دائمًا إلى تطبيق الويب المركب، الذي يمكنك استخدامه لدمجه في صفحات الويب. باستخدام مثالي، هذا هو الرابط إلى الصفحة الرئيسية لمشروع GME. يمكنك أيضًا الاطّلاع على رمز المصدر للمشروع.
الخطوة 7: أضف المزج إلى صفحة ويب
أضف المزج إلى صفحة ويب باستخدام iframe. على سبيل المثال، لإدراج نموذج المشروع، أضف هذا:
<iframe style="WIDTH: 439px; HEIGHT: 491px" src="http://pemissions.googlemashups.com/" frameborder="0"></iframe>
في ما يلي أمثلة على تطبيقات الويب المركبة في صفحة على الويب ومدونة.
يمكنك أيضًا إضافة شفرة Google Analytics إلى المشروع، مما يسمح لك بتتبع إحصاءات حول من يشاهد صفحتك. إليك النص البرمجي البسيط لإضافته:
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">uacct = "youraccountnumber";urchinTracker();</script>
الخطوة 8: وضعها في معرض GME
انشر المزج في معرض تطبيقات "مزج الصور في GME". سيسمح هذا للمستخدمين الآخرين بعرض المزج.
لمزيد من المعلومات:
اطّلع على دليل بدء استخدام "محرر المزج" من Google، الذي يقدم بالتفصيل عملية إنشاء تطبيقات الويب المركبة. وتحقق أيضًا من قائمة العلامات للحصول على وصف موجز لجميع علامات gm مع أمثلة.
الرمز:
إليك الشفرة الكاملة لاستخدام Pict Earth KML في 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>
ما هي الخطوات التالية؟
بعد نشر المزج، يمكنك استخدام ملف KML بداخله كمعلمة لتضمينه في تطبيق آخر أو تحميله مباشرةً كخريطة. على سبيل المثال، هذه الصفحة:
http://param.googlemashups.com وهو عبارة عن تطبيقات الويب المركبة. يمكنك إحالة ملف KML مباشرة إلى تطبيقات الويب المركبة عن طريق إضافة kml= كمعلمة في عنوان URL، كما يلي: http://param.googlemashups.com/?kml=http://mapgadgets.googlepages.com/cta.kmlيمكنك أيضًا إنشاء أداة من مشروعك. وبعد تقديمه، انتقل إلى قائمة "ملف" وانقر على "إرسال أداة"، واتبع التوجيهات. سيسمح لك هذا بإضافة تطبيقك بسهولة إلى صفحة Google الرئيسية المخصصة، على صفحات الويب الأخرى، ومشاركته مع الآخرين.