Working Qlikview Maps Extension Example

I’ve been having a lot of fun experimenting with google maps and Qlikview. After looking at quite a few extensions I finally ran across this one.

GoogleMapsAPIv3Toolkit-QV

http://branch.qlik.com/#!/project/56728f52d1e497241ae69843

Download the .qar file

(Qlikview extensions are easy to install, just double click the .qar file and it will go got town)

Also, get your self a copy of the ‘Google Maps JavaScript API v3 Toolkit Example.qvw’


 

So, first things first. Get yourself your own google maps API key

https://developers.google.com/maps/documentation/javascript/get-api-key

Using your google account you can eventually get to a screen that will give you a key.

Once you get a key, you can open up the ‘Google Maps JavaScript API v3 Toolkit Example.qvw’

Make sure you have changed over to web view (View menu, Turn on\off web view)

Extensions only work in web view (ajax view)

apikey.PNG

Then flip yourself to the Markers tab, right click properties on the extension object, Basic Configuration and paste in your Key into the API Key.

So, next thing I wanted to do was change the icon.

To do this, locate where it installed the extension.

C:\Users\[user]\AppData\Local\QlikTech\QlikView\Extensions\Objects (vista & seven) or C:\Documents and Settings\[user]\Local Settings\Application Data\QlikTech\QlikView\Extensions\Objects.

Drop your custom icon into /lib/images/ and refer only to the filename

Local\QlikTech\QlikView\Extensions\Objects\Google Maps Javascript API v3 Toolkit 2\lib\images

Under properties \ Markers \ Custom Icon URL type in just the filename of your new icon (and make sure its the right size or you will get giant markers 🙂

giant markers.PNG

If you want to have different markers based on some criteria then clear your custom icon URL on the Markers tab, change over to Markers – Additional Configurations

Click Force Multi-Icon Markers

Use an if statement in your function.

Multi-icon.PNG

Cheers

 

 

Advertisement

Leave a Reply

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 )

Connecting to %s