[ZEPPELIN-157] Adding Map Visualization for Zeppelin

[Madhuka]

What is this PR for?

Adding Map Visualization for Zeppelin using Leaflet[1]. Updated version of #152
Implemented details can be found in here[2]

[1] http://leafletjs.com/
[2] http://madhukaudantha.blogspot.com/2015/08/introducing-new-chart-library-and-types.html

What type of PR is it?

Improvement

Todos

• Checking compatible license
• Adding chart library (leafletjs)
• Adding new button for chart mapping
• Loading GIS Mapp in Zeppelin

What is the Jira issue?

ZEPPELIN-157

How should this be tested?

`import org.apache.commons.io.IOUtils
import java.net.URL
import java.nio.charset.Charset

// Zeppelin creates and injects sc (SparkContext) and sqlContext (HiveContext or SqlContext)
// So you don't need create them manually

// load map data
val myMapText = sc.parallelize(
IOUtils.toString(
new URL("https://gist.githubusercontent.com/Madhuka/74cb9a6577c87aa7d2fd/raw/2f758d33d28ddc01c162293ad45dc16be2806a6b/data.csv"),
Charset.forName("utf8")).split("\n"))

case class Map(Country:String, Name:String, lat : Float, lan : Float, Altitude : Float)

val myMap = myMapText.map(s=>s.split(",")).filter(s=>s(0)!="Country").map(
s=>Map(s(0),
s(1),
s(2).toFloat,
s(3).toFloat,
s(4).toFloat
)
)

// Below line works only in spark 1.3.0.
// For spark 1.1.x and spark 1.2.x,\n// use myMap.registerTempTable("myMap") instead.\n
myMap.toDF().registerTempTable("myMap")`

More details can be found in here.

Screenshots (if appropriate)

Can found in #152

Questions:

• Does the licenses files need update?No
• Is there breaking changes for older versions?No
• Does this needs documentation? ZEPPELIN-157: Adding Map Visualization for Zeppelin #152 contains documentation (I will add new doc and sample in new PR)

[prabhjyotsingh]

Can you use angular.extend instead ?

[randerzander]

How to specify which columns should be used for lat/long/description? Should there be a settings option we can use like other charts have?

Also, I notice this breaks the RealTime maps example by @granturing, which manually embeds a leaflet div into a paragraph. Can you tell if either this PR or the example needs an update? It doesn't look like the example div has any conflicting IDs

[Madhuka]

1. You have do it from script for now. (more thing we can add later as you explain)
2. It is not about embeds a leaflet div into a paragraph.This will help you to understand map tutorial

[randerzander]

@corneadoug@prabhjyotsingh any additional comments? Several people waiting to use and build on top of this PR once it merges.

[corneadoug]

• Too many logs in the console, we got to turn them off:
  How to stop logging on console? tombatossals/angular-leaflet-directive#1026
• The Resize handle is hidden by the map, so I can't resize it
• The extend height is throwing an error:
  
• Also an hashkey error:
  

[ankurmitujjain]

@Madhuka any update on this?

[felixcheung]

@Madhuka let us know if we could help!

[Dinduks]

@Madhuka Any news on this? How can we help?

[Madhuka]

@Dinduks: You are welcome. I was waiting on ping from corneadoug
@corneadoug : Can we finish it with fixed above errors, and merge it to master as lot of devs waiting for this?

[vinayshukla]

@corneadoug Can you please provide any update on this?