BAB 2 - CALENDAR CHART AND MAP CHART

MODEL GRAFIK

2.1 Calender Chart

2.1.1 Ikhtisiar

Catatan: JavaScript menghitung bulan mulai dari nol: Januari adalah 0, Februari adalah 1, dan Desember adalah 11. Jika buka pada kalender grafik kamu Nampak mati, ini mengapa.

Sebuah grafik kalender adalah visualisasi yang digunakan untuk menunjukkan aktivitas selama rentang waktu yang panjang, seperti bulan atau tahun. Mereka paling baik digunakan ketika Anda ingin menggambarkan bagaimana beberapa kuantitas bervariasi tergantung pada hari minggu, atau bagaimana tren dari waktu ke waktu.

Grafik kalender mungkin mengalami revisi substansial di masa Charts rilis Google.

Kalender grafik tersebut diberikan di browser menggunakan SVG atau VML, yang mana sesuai untuk browser pengguna. Seperti semua grafik Google, grafik kalender menunjukan tips alat ketika pengguna melayang di atas data. Dan kredit di mana kredit ini disebabkan: grafik kalender kami terinspirasi oleh D3 visualisasi kalender.

2.1.2 Sebuah Contoh Sederhana

Katakanlah kita ingin menampilkan bagaimana kehadiran untuk tim olahraga bervariasi sepanjang musim. Dengan grafik kalender, kita dapat menggunakan brightness untuk menunjukkan nilai-nilai dan membiarkan orang melihat tren sekilas:

Anda dapat cari-mencari hari seseorang untuk melihat nilai-nilai data yang mendasarinya.

Untuk membuat grafik kalender, memuat paket kalender dan kemudian membuat dua kolom, satu untuk tanggal dan satu untuk nilai-nilai. (Kolom ketiga opsional untuk mode disesuaikan datang di masa depan grafik google rilis.)

Lalu isi baris Anda dengan pasangan tanggal-nilai, seperti yang ditunjukkan di bawah ini.

2.1.3 Hari-hari

Setiap persegi di bagan kalender mewakili sehari. Saat ini, warna sel data tidak dapat disesuaikan, meskipun itu akan berubah dalam rilis berikutnya dari kelender Google. Jika nilai data semua positif, warna akan berkisar dari putih menjadi biru, dengan biru terdalam menunjukkan nilai tertinggi. Jika ada nilai-nilai data yang negatif, mereka akan muncul oranye, seperti yang ditunjukkan di bawah ini.

Kode untuk kalender ini mirip dengan yang pertama, kecuali bahwa baris terlihat seperti ini:

Anda dapat mengubah ukuran hari ("sel") dengan pilihan calendar.cellSize:

Di sini, kami mengubah Ukuran calendar.cell ke 10, hari menyusut dan karena itu grafik secara keseluruhan.

Hari tanpa nilai data dapat disesuaikan dengan pilihan noDataPattern:

Di sini, kita mengatur warna ke biru dan latar belakang warna terang ke warna yang sedikit lebih gelap:

Anda dapat mengontrol warna perbatasan sel, lebar perbatasan, dan opacity dengan calendar.cellColor:

Anda harus berhati-hati untuk memilih warna sembarang yang akan dibedakan dari monthOutlineColor, atau untuk memilih opacity rendah. Berikut adalah pilihan untuk grafik di atas:

Jika Anda fokus pada hari di grafik atas, perbatasan akan menyoroti merah. Anda dapat mengontrol perilaku dengan pilihan calendar.focusedCellColor:

2.1.4 Minggu

Secara default, hari-hari dalam seminggu diberi label dengan huruf pertama dari Minggu sampai Sabtu. Anda tidak dapat mengubah urutan dari hari, tetapi Anda dapat mengubah huruf apa yang digunakan dengan opsi calendar.daysOfWeek. Juga, Anda dapat mengontrol padding antara hari dalam seminggu dan grafik dengan calendar.dayOfWeekRightSpace, dan Anda dapat menyesuaikan gaya teks dengan calendar.dayOfWeekLabel:

Di sini, kita mengubah font dari label minggu, dimasukkan ke dalam lapisan dari 10 pixel antara label dan grafik data, dan mulai minggu pada hari Senin.

2.1.5 Bulan

Secara default, bulan diidentifikasi oleh garis abu-abu gelap. Anda dapat menggunakan opsi calendar.monthOutlineColor untuk mengontrol perbatasan, calendar.monthLabel untuk menyesuaikan font label, dan calendar.underMonthSpace untuk menyesuaikan lapisan label:

Kami mengatur font label untuk 12pt merah tua Times Roman miring tebal, mengatur garis dengan warna yang sama, dan dimasukkan ke dalam padding dari 16 pixel. Garis bulan terpakai ditetapkan untuk warna redup dari rona yang sama.

2.1.6 Tahun

Tahun-tahun di grafik kalender selalu di tepi kiri grafik, dan dapat disesuaikan dengan calendar.yearLabel dan calendar.underYearSpace:

 

Kami mengatur font tahun ke 32pt hijau gelap Times Roman miring tebal, dan menambahkan sepuluh piksel antara label tahun dan bagian bawah grafik:

2.1.7 Pemuatan

Nama paket google.charts.load adalah "kalender":

google.charts.load ("saat ini", {paket: ["kalender"]});

nama kelas visualisasi adalah google.visualization.Calendar:

var visualisasi = baru google.visualization.Calendar (container);

2.1.8 Data format

Baris : setiap baris di table mewakili tanggal

	kolom 0	kolom 1	kolom N (Opsional)
Purpose:	Dates	Values	Optional roles
Tipe Data:	Date, Datetime, or Timeoftoday	number
Role	Domain	Data
Kolom garis opsional	none	none	tooltip

2.1.9 Opsi Konfigurasi

Nama
calendar.cellColor	Opsi calendar.cellColor memungkinkan Anda menyesuaikan perbatasan kotak hari kalender. dengan tipe:object, default :{ fontName: 'sans-serif', color: '#888', bold: false, italic: false }
Sintaks
calendar.cellSize	Ukuran dari kotak hari kalender, Type: integer Default: 16
Sintaks
calendar.dayOfWeekLabel	Mengontrol gaya font label minggu di puncak chart. Tipe: object Default: { fontName: 'sans-serif', color: '#888', bold: false, italic: false }
Sintaks
calendar.dayOfWeekRightSpace	Jarak antara tepi kanan label minggu dan tepi kiri hari kotak grafik. Tipe: integer Default: 4
calendar.daysOfWeek	Label huruf tunggal digunakan untuk Minggu sampai Sabtu. Tipe, string Default: 'SMTWTFS'
calendar.focusedCellColor	Ketika pengguna berfokus (katakanlah, dengan melayang) lebih dari sehari persegi, grafik kalender akan menyoroti kotak. Tipe, object Default: { stroke: '#000', strokeOpacity: 1, strokeWidth: 2 }
Sintaks
calendar.monthLabel	Gaya untuk label bulan, misalnya. Tipe: object Default: { fontName: 'sans-serif', color: '#888', bold: false, italic: false }

Nama
Sintaks
calendar.monthOutlineColor	Bulan dengan nilai data yang digambarkan dari orang lain menggunakan garis tepi dalam gaya ini. (Lihat juga calendar.unusedMonthOutlineColor.) Tipe: object Default: { stroke: '#000', strokeOpacity: 1, strokeWidth: 1 }
Sintaks
calendar.underMonthSpace	Jumlah piksel antara bagian bawah label bulan dan bagian atas kotak hari: Tipe: integer Default: 6
Sintaks
calendar.underYearSpace	Jumlah piksel antara paling bawah label tahun dan bagian bawah grafik: Tipe: integer Default: 0
Sintaks
calendar.unusedMonthOutlineColor	Bulan tanpa nilai data yang digambarkan dari orang lain menggunakan perbatasan dalam gaya ini. (Lihat juga calendar.monthOutlineColor.) Tipe: object Default: { stroke: '#c9c9c9', strokeOpacity: 1, strokeWidth: 1 }
Sintaks
colorAxis	Sebuah objek yang menentukan pemetaan antara nilai kolom warna dan warna atau skala gradien. Untuk menentukan sifat dari objek ini, Anda dapat menggunakan objek notasi literal, seperti yang ditunjukkan di sini: {minValue: 0, colors: ['#FF0000', '#00FF00']} Tipe: object Default: null
colorAxis.colors	Warna untuk menetapkan nilai-nilai dalam visualisasi. Array string, di mana setiap elemen adalah string warna HTML, misalnya: colorAxis: {warna: ['merah', '# 004411']}. Anda harus memiliki minimal dua nilai; gradien akan mencakup semua nilai-nilai Anda, ditambah nilai perantara dihitung, dengan warna pertama sebagai nilai terkecil, dan warna terakhir sebagai yang tertinggi. Tipe: array of color strings Default: null

Nama
colorAxis.maxValue	Jika ada, menetapkan nilai maksimum untuk data bagan warna. nilai data warna nilai ini dan lebih tinggi akan diberikan sebagai warna terakhir dalam kisaran colorAxis.colors. Tipe: number Default: Maximum value of color column in chart data
colorAxis.minValue	Jika ada, menetapkan nilai maksimum untuk data bagan warna. nilai data warna nilai ini dan lebih tinggi akan diberikan sebagai warna terakhir dalam kisaran colorAxis.colors. Tipe: number Default: Maximum value of color column in chart data
colorAxis.values	Jika ada, mengontrol bagaimana nilai-nilai yang berhubungan dengan warna. Setiap nilai dikaitkan dengan warna yang sesuai dalam array colorAxis.colors. Nilai-nilai ini berlaku untuk data grafik warna. Pewarnaan dilakukan sesuai dengan gradien dari nilai yang ditetapkan di sini. Tidak menentukan nilai untuk opsi ini setara dengan menentukan [MinValue, MAXVALUE]. Tipe: array of numbers Default: null
forceIFrame	Menarik grafik dalam sebuah frame inline. (Perhatikan bahwa pada IE8, opsi ini diabaikan; semua grafik IE8 diambil di i-frame.) Tipe: boolean Default: false
height	Ketinggian grafik, dalam piksel. Tipe: number Default: height of the containing element
noDataPattern	Kalender grafik menggunakan pola diagonal bergaris untuk menunjukkan bahwa tidak ada data untuk hari tertentu. Gunakan noDataPattern.backgroundColor dan noDataPattern.color pilihan untuk menimpa default grayscale. Tipe: object Default: null
Sintaks
tooltip.isHtml	Set ke false untuk menggunakan SVG-diberikan (bukan HTML-diberikan) tooltips. Lihat Menyesuaikan Keterangan alat Konten untuk lebih jelasnya. Tipe: boolean Default: true
width	Lebar grafik, dalam piksel. Tipe: number Default: width of the containing element

2.1.10 Metode

Metode
draw(data, options)	Menarik grafik. grafik menerima metode lanjut panggilan setelah event siap diaktifkan. Diperpanjang deskripsi. Return Type: none
getBoundingBox(id)	Mengembalikan sebuah objek yang mengandung kiri, atas, lebar, dan tinggi dari grafik elemen id. Format untuk id belum didokumentasikan (mereka kembali nilai-nilai dari event handler), tapi di sini ada beberapa contoh: var cli = chart.getChartLayoutInterface(); Ketinggian daerah grafik cli.getBoundingBox('chartarea').height Lebar bar ketiga di seri pertama dari bar atau kolom grafik cli.getBoundingBox('bar#0#2').width Kotak batas dari irisan kelima dari pie chart cli.getBoundingBox('slice#4') kotak data grafik (misalnya, kolom) grafik vertikal bounding: cli.getBoundingBox('vAxis#0#gridline') kotak data grafik (misalnya, bar) grafik horizontal bounding: cli.getBoundingBox('hAxis#0#gridline') Nilai adalah relatif terhadap kontainer dari grafik. Sebut ini setelah grafik diambil. Return Type: object
getSelection()	Mengembalikan array entitas grafik yang dipilih. entitas dipilih adalah bar, entri legenda dan kategori. Sebuah bar sesuai dengan sel dalam tabel data, entri legenda untuk kolom (indeks baris adalah nol), dan kategori ke baris (indeks kolom adalah null). Untuk grafik ini, hanya satu entitas dapat dipilih pada saat tertentu. Diperpanjang deskripsi. Return Type: Array of selection elements
setSelection()	Memilih entitas grafik yang ditentukan. Membatalkan setiap seleksi sebelumnya. entitas dipilih adalah bar, entri legenda dan kategori. Sebuah bar sesuai dengan sel dalam tabel data, entri legenda untuk kolom (indeks baris adalah nol), dan kategori ke baris (indeks kolom adalah null). Untuk grafik ini, hanya satu entitas dapat dipilih pada suatu waktu. Diperpanjang deskripsi. Return Type: none
clearChart()	Membersihkan grafik, dan melepaskan semua sumber daya yang dialokasikan. Return Type: none

2.1.11 Peristiwa

Nama
error	Diberhentikan bila terjadi kesalahan saat mencoba untuk membuat grafik. Properties: id, message
onmouseover	Diberhentikan ketika pengguna mouses lebih entitas visual. Akan mengembalikan indeks baris dan nilai tanggal entitas. Jika tidak ada elemen tabel data untuk entitas, nilai kembali untuk indeks baris tidak terdefinisi. Properties: row, date
onmouseout	Diberhentikan ketika pengguna mouses jauh dari entitas visual. Akan mengembalikan indeks baris dan nilai tanggal entitas. Jika tidak ada elemen tabel data untuk entitas, nilai kembali untuk indeks baris tidak terdefinisi. Properties row, date
ready	grafik siap metode panggilan eksternal. Jika Anda ingin berinteraksi dengan grafik, dan memanggil metode setelah Anda menarik itu, Anda harus mengatur pendengar untuk acara ini sebelum Anda memanggil metode imbang, dan memanggil mereka setelah acara Diberhentikan . Properties: none
select	Diberhentikan ketika pengguna mengklik sebuah entitas visual. Untuk mempelajari apa yang telah dipilih, sebut getSelection (). Properties: none

2.2 Visualisasi: Peta

2.2.1 Apa itu Peta Bagan?

Sebuah grafik peta yang digunakan untuk menampilkan item pada latar belakang yang sering, namun tidak selamanya, geografis.

Peta tangga lagu di Spotfire dapat berisi berbagai jenis informasi dalam satu atau lebih lapisan yang berbeda. Maps dapat berisi bentuk interaktif atau tampilan penanda jenis yang berbeda pada gambar atau latar belakang peta.

Berikut adalah contoh dari bagan peta dengan lapisan fitur mengandung bentuk interaktif. Bagian yang berbeda dari peta, dalam hal ini negara bagian di Amerika Serikat, dapat berinteraksi dengan seperti yang Anda lakukan dengan item dalam visualisasi lainnya.

Pada contoh di bawah, grafik peta dengan spidol digunakan untuk menampilkan penanda dalam konteks geografis atau spasial.

Sebuah grafik peta juga dapat digunakan untuk menunjukkan selain data geografi. Contoh di bawah akan menampilkan berbagai jenis kegagalan pada wafer, bahan semi-konduktor yang digunakan untuk memproduksi chip mikro.

2.2.2 Menjelajahi Chart Peta

Jika analisis didirikan untuk membiarkan Anda menavigasi grafik peta, Anda dapat menavigasi dengan zoom in dan out serta bergerak dengan menggunakan kontrol navigasi yang terletak di bagian kanan atas visualisasi.

Anda juga dapat menggunakan roda mouse untuk memperbesar dan keluar.

Kontrol modus interaksi biasanya terletak di bawah kontrol navigasi:

Hal ini digunakan untuk beralih antara modus menandai dan modus panning: panah mewakili modus menandai dan tangan merupakan modus panning. Ketika tangan dipilih, Anda tidak dapat menandai item, tetapi Anda memindahkan peta dengan mengklik dan menyeret.

2.2.3 Perbedaan Antara Maps & Charts

2.2.3.1 Apa itu Maps

Sebuah grafik, terutama peta laut, memiliki karakteristik yang unik khusus termasuk representasi yang sangat rinci dan akurat dari garis pantai, yang memperhitungkan berbagai tingkat pasang surut dan bentuk air, penting untuk navigator.

Sebuah grafik adalah dokumen kerja. Hal ini digunakan untuk merencanakan kursus untuk navigator untuk mengikuti transit daerah tertentu itu memperhitungkan kondisi khusus diperlukan untuk kapal seseorang, seperti rancangan, clearance bawah, bangkai kapal dan penghalang yang dapat berbahaya. poin cara diidentifikasi untuk menunjukkan posisi relatif dan titik di mana manuver tertentu seperti mengubah program, harus dilakukan.

Grafik memberikan informasi rinci tentang daerah di bawah permukaan air, biasanya tidak terlihat dengan mata telanjang, yang bisa dan sangat penting untuk navigasi yang aman dan efisien.

2.2.3.2 Apa itu Charts

Sebuah peta menekankan bentuk tanah, termasuk representasi lega, dengan garis pantai diwakili sebagai penggambaran perkiraan biasanya di permukaan laut.

A map is a static document which serves as a reference guide. A map is not, and can not be used to plot a course. Rather it provides a predetermined course, usually a road, path, etc., to be followed. Special consideration for the type of vehicle is rarely a consideration. Further, maps provide predetermined points-road intersections-to allow one a choice to change to another predetermined direction

Maps hanya menunjukkan jalan permukaan tidak menyediakan informasi tentang kondisi jalan. Misalnya peta tidak akan memberikan informasi apakah jalan dalam perbaikan (kecuali jika itu adalah jalan baru) atau berapa banyak pot lubang atau penghalang lainnya mungkin mengandung. Namun pengemudi mampu membuat penilaian visual kondisi seperti itu.

2.2.4 Ikhtisar

Google Map Bagan menampilkan peta menggunakan Google Maps API. nilai data ditampilkan sebagai penanda pada peta. nilai data dapat koordinat (pasang lat-panjang) atau alamat. Peta tersebut akan diperkecil sehingga mencakup semua poin diidentifikasi.

Jika Anda ingin peta Anda menjadi gambar garis daripada citra satelit, menggunakan geochart sebagai gantinya.

Lokasi bernama

Anda dapat mengidentifikasi tempat untuk meletakkan spidol dengan nama, seperti yang ditunjukkan di bawah ini di peta ini dari sepuluh negara dengan populasi.

Ketika pengguna memilih salah satu penanda, tooltip dengan nama dan penduduk negara ini ditampilkan, karena kita menggunakan pilihan showInfoWindow. Juga, ketika pengguna melayang di atas salah satu penanda untuk sementara waktu, sebuah 'title' tip akan muncul dengan info yang sama, karena kita menggunakan pilihan showTooltip. Berikut HTML penuh:

2.2.5 Lokasi berkode geografis

Anda juga dapat menentukan lokasi dengan garis lintang dan bujur, akan lebih cepat dari yang bernama lokasi:

 

Grafik di atas mengidentifikasi empat lokasi dengan garis lintang dan bujur.

Sintaks di bawah untuk menandakan suatu tempat seperti gambar yaitu work, university, airport dan shopping

 

2.2.6 Menyesuaikan Penanda

Anda dapat menggunakan bentuk penanda terletak di tempat lain di web. Berikut ini adalah contoh menggunakan pin biru dari iconarchive.com

 

Jika Anda memilih pin dalam grafik di atas, mereka miring. PNG, GIF, dan JPEG yang didukung

Berikut di bawah ini sintaksnya yang digunakan untuk mengubah tanda lokasi di map 

2.2.7 Menambahkan Beberapa Set Marker

Selain menciptakan satu set default penanda, Anda juga dapat membuat beberapa set spidol.

Untuk membuat penanda paket tambahan, menambahkan ID untuk opsi ikon dan mengatur gambar penanda Anda. Kemudian, menambahkan kolom untuk Anda Data Tabel, dan mengatur ID set penanda yang ingin Anda gunakan untuk setiap baris dalam Tabel Data (Anda juga dapat menggunakan 'default' atau null untuk menggunakan spidol default).

Berikut ini list program untuk membuat tampilan map seperti di atas:

2.2.8 Penggayaan peta

Peta Visualisasi dilengkapi dengan kemampuan untuk mengatur gaya kustom, yang memungkinkan Anda untuk membuat satu, atau beberapa, jenis peta kustom.

Anda dapat menentukan jenis peta khusus dengan membuat objek peta gaya dan menempatkannya di bawah identifier (mapTypeId) di bawah pilihan peta. Sebagai contoh:

Nanti kalian bisa lihat ini jenis peta kustom dengan peta gaya ID Anda yang ditugaskan untuk itu.

Anda objek peta gaya berisi nama, yang akan menjadi nama tampilan dalam kontrol jenis peta (tidak harus sesuai mapTypeId nya), dan sejumlah gaya, yang akan berisi benda gaya untuk setiap elemen yang ingin gaya. Google peta API referensi berisi daftar elemen, fitur, dan jenis gaya yang berbeda dengan yang Anda dapat membuat jenis peta khusus.

Berikut ini list program untuk membuat tampilan map seperti di atas:

Selain menciptakan jenis peta khusus, Anda juga dapat menentukan yang memetakan pengguna dapat melihat dalam kontrol jenis peta dengan pilihan mapTypeIds. Secara default semua jenis peta, termasuk jenis peta khusus Anda, akan muncul di kontrol jenis peta. Opsi mapTypeIds menerima array dari string dari jenis peta anda mengizinkan pengguna untuk melihat. string ini harus mengacu ke nama-nama yang telah ditetapkan untuk gaya peta default (yaitu normal, satelit, medan, hybrid), atau peta gaya ID dari jenis peta kustom Anda tetapkan. Dengan menetapkan pilihan mapTypeIds, peta Anda hanya akan membuat tersedia jenis peta yang Anda tentukan dalam array ini.

Anda juga dapat menggunakan ini dalam hubungannya dengan pilihan tipemap untuk mengatur gaya peta sebagai default, tetapi tidak termasuk dalam array mapTypeIds. Hal ini akan menyebabkan peta yang hanya menampilkan pada beban awal.

 

2.2.9 Pemuatan

Nama paket google.charts.load adalah "peta".

google.charts.load("upcoming", {packages: ["map"]});

nama kelas visualisasi adalah google.visualization.Map.

var visualization = new google.visualization.Map(container);

2.2.10 Format Data

Dua format data alternatif yang didukung:

pasang lat-panjang - Dua kolom pertama harus nomor menunjuk garis lintang dan bujur, masing-masing. Kolom ketiga opsional memegang string yang menjelaskan lokasi yang ditentukan dalam dua kolom pertama. Alamat String - Kolom pertama harus berupa string yang berisi alamat. Alamat ini harus selengkap Anda bisa membuatnya. Sebuah kolom kedua opsional memegang string yang menggambarkan lokasi di kolom pertama. alamat String memuat lebih lambat, terutama ketika Anda memiliki lebih dari 10 alamat.

2.2.11 Pilihan Konfigurasi

Nama
enableScrollWheel	Jika diatur ke True, memungkinkan zoom in dan menggunakan roda mouse scroll. Tipe: boolean Default: false
icons	tahan set (s) penanda khusus. Setiap set penanda dapat menentukan normal dan memilih gambar penanda. Dapat menetapkan standar yang ditetapkan dengan menetapkan pilihan default, atau penanda set kustom dengan menetapkan ID penanda unik. Tipe: object Default: null
Sintaks
lineColor	Jika showLine benar, mendefinisikan warna garis. Misalnya: '# 800000'. Tipe: string Default: default color
lineWidth	Jika showLine benar, mendefinisikan garis lebar (dalam pixel). Tipe: number Default: 10
maps.<mapTypeId>	Sebuah objek yang berisi sifat dari jenis peta kustom. Jenis peta khusus ini akan diakses oleh mapTypeId Anda tentukan untuk jenis peta kustom. Sebuah mapTypeId baru harus diberikan untuk setiap jenis peta khusus dibuat. Setiap jenis peta kustom harus berisi dua sifat: • Nama: Nama tampilan untuk jenis peta bergaya • gaya: Sebuah array yang berisi benda-benda gaya untuk jenis peta bergaya Tipe: object Default: null
maps.<mapTypeId>.name	Nama peta yang akan ditampilkan dalam kontrol peta jika useMapTypeControl diatur ke benar. Tipe: string Default: null
maps.<mapTypeId>.styles	Tetap pada gaya sebuah benda untuk berbagai elemen dari jenis peta kustom. Setiap objek gaya dapat berisi 1 sampai 3 sifat: featureType, elementType, dan stylers. Jika featureType dan elementType dihilangkan, gaya akan diterapkan ke semua peta fitur / elemen. Tipe: array Default: null
Sintaks

Nama
mapType	Jenis peta untuk menunjukkan. Nilai yang mungkin adalah 'normal', 'medan', 'satelit', 'hybrid', atau ID dari jenis peta kustom, jika ada diciptakan. Tipe: string Default: 'hybrid'
mapTypeIds	mapTypeIds - Jika menggunakan kontrol jenis peta (useMapTypeControl: true), ID ditentukan dalam array ini akan menjadi satu-satunya jenis peta yang ditampilkan dalam kontrol jenis peta. Jika opsi ini tidak diatur, peta kendali jenis akan default ke tipe standar peta Google peta pilihan kontrol ditambah jenis peta khusus yang mungkin tersedia. Tipe: array Default: null
showInfoWindow	Jika diatur ke benar, menunjukkan deskripsi lokasi di jendela terpisah ketika penanda titik yang dipilih oleh pengguna. Pilihan ini digunakan untuk dipanggil showTip sampai versi 45. Juga lihat showTooltip Tipe: boolean Default: false
showLine	Jika diatur ke benar, menunjukkan polyline Google peta melalui semua poin. Tipe: boolean Default: false
showTooltip	Jika diatur ke benar, menunjukkan deskripsi lokasi sebagai tooltip ketika mouse diposisikan di atas penanda titik. Pilihan ini digunakan untuk dipanggil showTip sampai versi 45. Perhatikan bahwa pada saat ini, HTML tidak didukung, sehingga tooltip akan menunjukkan tag HTML mentah. Tipe: boolean Default: false
useMapTypeControl	Tampilkan pemilih jenis peta yang memungkinkan pengunjung untuk beralih antara [peta, satelit, hybrid, medan]. Ketika useMapTypeControl adalah false (default) tidak ada pemilih disajikan dan jenis ditentukan oleh pilihan mapType. Tipe: boolean Default: false
zoomLevel	Integer yang menunjukkan tingkat zoom awal peta, di mana 0 adalah benar-benar memperkecil keluar (seluruh dunia) dan 19 adalah tingkat zoom maksimum. (Lihat "Zoom Tingkat" di Google peta API.) Tipe: number Default: automatic

2.2.12 Metode

Nama
draw(data, options)	Menarik Map Return Type: none
getSelection()	Implementasi Standard getSelection (). elemen pilihan adalah semua elemen baris. Dapat kembali lebih dari satu baris yang dipilih. Return Type: Array dari elemen pilihan
setSelection(selection)	Implementasi Standard setSelection().Memperlakukan setiap entri pilihan sebagai pilihan baris. Mendukung pemilihan beberapa baris. Return Type: none

2.2.13 Peristiwa

Nama
error	Diberhentikan bila terjadi kesalahan saat mencoba untuk membuat grafik. Properties: id, message
select	Standard pemilihan event Properties: None