Cara Menambahkan Google Maps di Adobe Animate

Cara Menambahkan Google Maps Menggunakan Adobe Animate , Membuat Button Google Maps dengan AS3

     Pembuatan Aplikasi atau Game Android dan desktop menggunakan Adobe Animate disaat ini memang sedang ramai-ramainya itu di karnakan kemudahan dalam membuat desain dan tidak terlalu banyak menggunakan script. Google maps bisa di tambahkan ke dalam aplikasi atau game yang di buat menggunakan adobe animate dan adobe flash dengan menggunakan bahasa pemrograman AS3.
   Menambahkan fitur Google Maps menggunakan Bahasa Pemrograman AS3 hanya memerlukan beberapa baris script dan satu tombol maps untuk dijadikan sebagai penghubung antara projek dan Google maps, dan perlu di ingat bahwa untuk hasil projeknya harus memiliki koneksi internet karna Google Maps tersebut akan terhubung dan terbuka jika dalam keadaan Online.
     Script untuk menambahkan Google maps pada projek adobe animate ini bisa digunakan juga untuk menghubungkan dengan situs (site) lainnya, karna pada dasarnya script ini digunakan untuk membuat link atau URL site dengan Adobe animate AS3. OK Kita langsung saja ke Tutorialnya :

Cara Mudah Menambahkan Google Maps Di Adobe Animate dengan AS3
Membuat Fitur Google Maps di Adobe animate, berikut langkah-langkah nya :
  1. Buka Adobe Animate nya dan Buatlah Dokumen baru (boleh air for android, air for desktop asalkan menggunakan AS3)
  2. Kemudian Buatlah Suatu Button, (Boleh dengan Gambar, Text ataupun button Default), Sebagai Contoh saya menggunakan Gambar Location :

    Perhatikan Gambar di atas !
    Cara membuat Button : Klik Kanan Pada Gambar Kemudian Pilih Convert to Symbol.. > Button
    Setelah itu beri nama pada Instance Name nya dengan nama : Maps

    *Instance Name nya ada di Properties 

  3. Setelah Membuat Button, Kita langsung Menerapkan Script AS3 untuk Menambahkan Google Maps nya : 
    – Buka Google Maps dan copy URL nya :

    Klik Kanan di frame 1 (di frame button nya) kemudian Pilih Actions dan masukan Script berikut :
    stop()
    Maps.addEventListener(MouseEvent.CLICK, gotoWebPage);
    function gotoWebPage(e:MouseEvent):void
    {
    navigateToURL(new URLRequest(“MASUKAN/TERAPKAN URL NYA DISINI“), “_blank”);
    }

    Penjelasan :
    Bagian URL (yang diberi huruf tebal) merupakan Link Maps nya, jadi Copy kan URL Maps yang kalian inginkan di bagian ini. 

    Sebagai CONTOH : 
    Ganti           (“MASUKAN/TERAPKAN URL NYA DISINI“), “_blank”);
    Menjadi      (“https://www.google.com/maps/dir//Kabupaten+Garut,+Jawa+Barat/@-7.3425596,107.497947,10z/data=!4m8!4m7!1m0!1m5!1m1!1s0x2e68a6a364a7c085:0x301e8f1fc28b8f0!2m2!1d107.763621!2d-7.5012204”), “_blank”);

  4. Selesai…… 
Nah Untuk mencoba nya bisa dengan menekan Ctrl+Shift+ENTER
atau dengan Cara Klik Debug >Debug
Gampangkan ? Jadi itu adalah langkah-langkah untuk menambahkan Google Maps pada Adobe animate cc dengan As3. JIkalau ada yang kurang jelas silahkan di tanyakan dan jikalau ada yang ingin menambahkan silahkan sertakan dalam kolom komentar agar kita semua dapat belajar secara baik dan benar.

Tinggalkan komentar

x