Javascript – Membuat Curve Line di Google Maps API V3

Untuk membuat curve line atau garis melengkung di google maps API V3 sebenarnya bisa dengan geodesic: true, namun hasil yang dihasilkan tidak selalu seperti yang kita inginkan terutama untuk garis yang agak panjang jaraknya.

Namun ada orang yang baik hati membuatkan library kecil yang bisa dengan mudah anda gunakan.
Anda hanya harus meletakan dua LatLong dengan beberapa kofigurasi kecil didalam objectnya.

Saya sendiri menggunakan di Project CMS Dashboard.

Logicnya adalah dengan membagi satu line ke dalam line-line lebih kecil dengan menerapkan geodesic: true tadi.

Anda bisa lihat detailnya di web : http://curved_lines.overfx.net/.

Untuk javascript anda hanya harus memanggil function :

curved_line_generate({latStart, lngStart, latEnd, lngEnd, strokeColor, strokeOpacity, strokeWeight,gapWidth,horizontal,multiplier,resolution});

Sedangkan jika anda menggunakan JQuery plugin maka anda hanya perlu memanggil :

$(map_canvas).curvedLine({LatStart, LngStart, LatEnd, LngEnd, Color, Opacity, Weight,GapWidth,Horizontal,Multiplier,Resolution});

Terima kasih dan semoga bermanfaat.

mazipan-signature

Be a good reader, leave your comment please.

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s