

{"id":587,"date":"2010-08-14T14:12:18","date_gmt":"2010-08-14T13:12:18","guid":{"rendered":"http:\/\/www.hackingsap.com\/blog\/?p=587"},"modified":"2012-08-05T12:28:14","modified_gmt":"2012-08-05T10:28:14","slug":"new-gmaps-plugin-v2-for-xcelsius-tryout","status":"publish","type":"post","link":"https:\/\/www.hackingsap.com\/blog\/new-gmaps-plugin-v2-for-xcelsius-tryout","title":{"rendered":"New GMaps Plugin v2 for Xcelsius try-out"},"content":{"rendered":"<p>This summer <a href=\"http:\/\/www.centigonsolutions.com\/\">Centigon Solutions<\/a> released the latest version of their Google Maps add-on for Xcelsius (uh, SAP Crystal Solutions Presentation Design\u2026). Although I liked the first version of this add-on, I really missed an option for showing regional alerts. You still had to use the standard Xcelsius map-components which did support this feature.<\/p>\n<p>In this post I will show the steps you have to take to create a dashboard showing a Google Map with regions that have alert colors and are clickable with some drill-down functionality like the example below.<\/p>\n<p><strong>Update: First check <a title=\"GMaps Plugin \u2013 Update on Google Maps API\" href=\"http:\/\/www.hackingsap.com\/blog\/gmaps-plugin-update-on-google-maps-api-dashboard\">this post<\/a> concerning changes on the Google Maps API.<\/strong><\/p>\n<p>[kml_flashembed movie=&#8221;http:\/\/hackingsap.com\/blog\/wp-content\/uploads\/NL_GMaps_demo.swf&#8221; height=&#8221;600&#8243; width=&#8221;600&#8243; \/]<\/p>\n<p><!--more--> 1. Download and install the GMaps plugin. You can find the trial at <a href=\"http:\/\/gmapsplugin.com\/xcelsius\/gmaps_trial.html\">GMapsPlugin.com<\/a>.\u00a0Install it from the Add-on Manager within Xcelsius (File-menu).<\/p>\n<p>2.\u00a0Obtain a free Google Maps API key. You&#8217;ll need this key to get Google Maps running. Go to <a href=\"http:\/\/code.google.com\/intl\/nl-NL\/apis\/maps\/signup.html\">this website<\/a> and sign up to get your unique key instantly.<\/p>\n<p>3. Drag the GMaps Plugin component to the canvas. You can find this component in the Maps-folder.<\/p>\n<p>4. The component doesn&#8217;t show a Google Map yet. The Google Maps API key has to be binded to component first. So, past the API key in one of the spreadsheet cells and bind this cell to the component properties.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-medium wp-image-590\" title=\"gmaps1\" src=\"http:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps18.png\" alt=\"\" width=\"300\" srcset=\"https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps18.png 474w, https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps18-66x90.png 66w, https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps18-221x300.png 221w\" sizes=\"(max-width: 474px) 100vw, 474px\" \/><\/p>\n<p>After this you will see the Google Map appear in the component.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-585\" title=\"gmaps2\" src=\"http:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps2.png\" alt=\"\" width=\"345\" height=\"323\" srcset=\"https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps2.png 345w, https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps2-96x90.png 96w, https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps2-300x280.png 300w\" sizes=\"auto, (max-width: 345px) 100vw, 345px\" \/><\/p>\n<p>5. Next we need a so called Shapefile which provides the overlay for a geographical area. These Shapefiles can be found on <a href=\"http:\/\/www.cdc.gov\/epiinfo\/shape.htm\">this website<\/a> (free!).\u00a0For this example I downloaded the Shapefile for The Netherlands. After extracting the NL.exe file you&#8217;ll see 5 files. Change the .shp extension of the nl.shp file into .txt since some webservers don&#8217;t \u00a0support these .shp files.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-584\" title=\"gmaps3\" src=\"http:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps3.png\" alt=\"\" width=\"321\" height=\"168\" srcset=\"https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps3.png 321w, https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps3-150x78.png 150w, https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps3-300x157.png 300w\" sizes=\"auto, (max-width: 321px) 100vw, 321px\" \/><\/p>\n<p>6. Now bind the location of the Shapefile to the Gmap component.\u00a0First select the Shape Data option and bind it to the cell with the path\/url to the Shapefile. Also make sure that you selected Shape Data Source within the Shape Options.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-591\" title=\"gmaps5\" src=\"http:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps51.png\" alt=\"\" width=\"288\" height=\"233\" srcset=\"https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps51.png 288w, https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps51-111x90.png 111w\" sizes=\"auto, (max-width: 288px) 100vw, 288px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-583\" title=\"gmaps4\" src=\"http:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps4.png\" alt=\"\" width=\"289\" height=\"280\" srcset=\"https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps4.png 289w, https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps4-92x90.png 92w\" sizes=\"auto, (max-width: 289px) 100vw, 289px\" \/><\/p>\n<p><em>Note: The Shapefile will not appear in preview mode within Xcelsius if you are using a relative path.<\/em><\/p>\n<p>7. If you hit Preview the Shapefile with the 12 provinces of The Netherlands should be visible on the Google Map.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-581\" title=\"gmaps6\" src=\"http:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps6-295x300.png\" alt=\"\" width=\"295\" height=\"300\" srcset=\"https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps6-295x300.png 295w, https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps6-88x90.png 88w, https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps6.png 311w\" sizes=\"auto, (max-width: 295px) 100vw, 295px\" \/><\/p>\n<p>8. Now we have to find out the numbering of the regions and the corresponding names. This is stored in the nl.dbf file. To open this file you can use an application like the <a href=\"http:\/\/www.pablosoftwaresolutions.com\/html\/dbf_explorer.html\">DBF Explorer<\/a> (free download).<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-580\" title=\"gmaps7\" src=\"http:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps7.png\" alt=\"\" width=\"600\" srcset=\"https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps7.png 803w, https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps7-150x68.png 150w, https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps7-300x137.png 300w\" sizes=\"(max-width: 803px) 100vw, 803px\" \/><\/p>\n<p>9. Copy the labels for the regions in this order to your Xcelsius spreadsheet and bind them to the component.<\/p>\n<p>10. Put some initial values in the next column and bind these cells to the component.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-578\" title=\"gmaps9\" src=\"http:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps9-300x223.png\" alt=\"\" width=\"300\" height=\"223\" srcset=\"https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps9-300x223.png 300w, https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps9-120x90.png 120w, https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps9.png 477w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>The spreadsheet now should look something like this:<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-577\" title=\"gmaps10\" src=\"http:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps10.png\" alt=\"\" width=\"400\" srcset=\"https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps10.png 527w, https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps10-115x90.png 115w, https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps10-300x233.png 300w\" sizes=\"(max-width: 527px) 100vw, 527px\" \/><\/p>\n<p>11. It&#8217;s time to add some alert coloring. To keep it simple I only use red (colorcode #9F0D11) and green (#0DA118) in this example. I use an If\/then formula to determine which color a region should get with a target of 5.<br \/>\n=IF((C8&gt;=5),&#8221;#9F0D11&#8243;,&#8221;#0DA118&#8243;)<br \/>\nOn the Appearance tab these Alert-cells can be binded.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-576\" title=\"gmaps11\" src=\"http:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps11-260x300.png\" alt=\"\" width=\"260\" height=\"300\" srcset=\"https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps11-260x300.png 260w, https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps11-78x90.png 78w, https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps11.png 472w\" sizes=\"auto, (max-width: 260px) 100vw, 260px\" \/><\/p>\n<p>Hitting Preview will now show the colored Dutch provinces.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-575\" title=\"gmaps12\" src=\"http:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps12.png\" alt=\"\" width=\"300\" height=\"300\" srcset=\"https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps12.png 300w, https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps12-90x90.png 90w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>12. To make sure that the Google Map is initially pointed to the right location on the world map we have to set the initial coordinates. You can find these coordinates on <a href=\"http:\/\/universimmedia.pagesperso-orange.fr\/geo\/loc.htm\">this site<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-573\" title=\"gmaps14\" src=\"http:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps14.png\" alt=\"\" width=\"408\" height=\"100\" srcset=\"https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps14.png 408w, https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps14-150x36.png 150w, https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps14-300x73.png 300w\" sizes=\"auto, (max-width: 408px) 100vw, 408px\" \/><\/p>\n<p>13. Finally the map regions should be clickable so we can enable a drill-down to more detailed data. I added some data and created a VLOOKUP function based on the value in cell B4. This cell should be binded as Insertion Destination (General Tab).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-572\" title=\"gmaps15\" src=\"http:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps15-300x161.png\" alt=\"\" width=\"300\" height=\"161\" srcset=\"https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps15-300x161.png 300w, https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps15-150x80.png 150w, https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps15.png 475w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-571\" title=\"gmaps16\" src=\"http:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps16.png\" alt=\"\" width=\"400\" srcset=\"https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps16.png 477w, https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps16-65x90.png 65w, https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps16-217x300.png 217w\" sizes=\"(max-width: 477px) 100vw, 477px\" \/><\/p>\n<p>The spreadsheet now looks like this:<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-570\" title=\"gmaps17\" src=\"http:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps17.png\" alt=\"\" width=\"400\" srcset=\"https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps17.png 654w, https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps17-122x90.png 122w, https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps17-300x219.png 300w\" sizes=\"(max-width: 654px) 100vw, 654px\" \/><\/p>\n<p>14. You can find the xlf-file <a href=\"http:\/\/www.paywithatweet.com\/pay\/?id=e719e7b5b5d34e094916d27130eaa835\" target=\"_blank\">here<\/a> (via Pay with a Tweet). Make sure you enter your own Google Maps API key and the location of the SHP-file. If the file downloads as a ZIP-file, just rename the .zip into .xlf.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A step-by-step HTG for using the new GMaps Plugin v2 for Xcelsius to display regional alerts.<\/p>\n","protected":false},"author":1,"featured_media":569,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[44,56,4,126,6],"tags":[94,90,79,28,91,93,89,88,283,105,80,92,285],"class_list":["post-587","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-knowledge-sharing","category-new-technology","category-sap","category-sapbusinessobjects-dashboards","category-xcelsius","tag-add-on","tag-centigon-solutions","tag-crystal-solutions","tag-dashboards","tag-geo-analytics","tag-gmaps-plugin","tag-google","tag-google-maps","tag-sap","tag-sap-crystal-dashboard-design","tag-scdd","tag-shp","tag-xcelsius"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmaps_tumb.png","jetpack_shortlink":"https:\/\/wp.me\/pKaa2-9t","jetpack-related-posts":[{"id":1773,"url":"https:\/\/www.hackingsap.com\/blog\/gmaps-plugin-update-on-google-maps-api-dashboard","url_meta":{"origin":587,"position":0},"title":"GMaps Plugin &#8211; Update on Google Maps API","author":"Xavier Hacking","date":"August 5, 2012","format":false,"excerpt":"In 2010 I wrote this post about the great GMaps Plugin for SAP BusinessObjects Dashboards. In the past 2 years some things have changed. I'm now getting some mails and tweets about this post and want to give you a short update.","rel":"","context":"In &quot;SAP BusinessObjects Dashboards&quot;","block_context":{"text":"SAP BusinessObjects Dashboards","link":"https:\/\/www.hackingsap.com\/blog\/category\/sapbusinessobjects-dashboards"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmapsremoteerror.png?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmapsremoteerror.png?resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hackingsap.com\/blog\/wp-content\/uploads\/gmapsremoteerror.png?resize=525%2C300 1.5x"},"classes":[]},{"id":391,"url":"https:\/\/www.hackingsap.com\/blog\/the-xcelsius-feel-good-movie","url_meta":{"origin":587,"position":1},"title":"The Xcelsius feel good movie","author":"Xavier Hacking","date":"January 12, 2010","format":false,"excerpt":"Video showing the really good parts of Xcelsius.","rel":"","context":"In &quot;SAP BusinessObjects Dashboards&quot;","block_context":{"text":"SAP BusinessObjects Dashboards","link":"https:\/\/www.hackingsap.com\/blog\/category\/sapbusinessobjects-dashboards"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1127,"url":"https:\/\/www.hackingsap.com\/blog\/bi4-product-names-xcelsius-dashboards","url_meta":{"origin":587,"position":2},"title":"BI4 product names for Xcelsius","author":"Xavier Hacking","date":"March 21, 2011","format":false,"excerpt":"Overview of the new BI4 product naming for SAP BusinessObjects Dashboards (fka Xcelsius).","rel":"","context":"In &quot;SAP BusinessObjects Dashboards&quot;","block_context":{"text":"SAP BusinessObjects Dashboards","link":"https:\/\/www.hackingsap.com\/blog\/category\/sapbusinessobjects-dashboards"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1181,"url":"https:\/\/www.hackingsap.com\/blog\/sap-businessobjects-dashboards-4-0-cookbook-released-xcelsius","url_meta":{"origin":587,"position":3},"title":"SAP BusinessObjects Dashboards 4.0 Cookbook released","author":"Xavier Hacking","date":"May 26, 2011","format":false,"excerpt":"I am very happy to announce the release of the SAP BusinessObjects Dashboards 4.0 Cookbook I worked on the past year with co-author David Lai and the team at Packt Publishing. In this book we discuss over 90 so-called recipes that give a step-by-step explanation of the possibilities of SAP\u2026","rel":"","context":"In &quot;Books&quot;","block_context":{"text":"Books","link":"https:\/\/www.hackingsap.com\/blog\/category\/books"},"img":{"alt_text":"SAP BusinessObjects Dashboards cookbook","src":"https:\/\/i0.wp.com\/www.hackingsap.com\/blog\/wp-content\/uploads\/sbodcookbook-243x300.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":488,"url":"https:\/\/www.hackingsap.com\/blog\/bye-xcelsius-hello-sap-crystal-solutions","url_meta":{"origin":587,"position":4},"title":"Bye bye Xcelsius, Hello SAP Crystal Solutions?","author":"Xavier Hacking","date":"May 24, 2010","format":false,"excerpt":"Why didn't they just name it SAP Crystal Xcelsius?","rel":"","context":"In &quot;SAP&quot;","block_context":{"text":"SAP","link":"https:\/\/www.hackingsap.com\/blog\/category\/sap"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":943,"url":"https:\/\/www.hackingsap.com\/blog\/free-sap-crystal-dashboard-design-xcelsius-webinars","url_meta":{"origin":587,"position":5},"title":"Free SAP Crystal Dashboard Design (Xcelsius) Webinars","author":"Xavier Hacking","date":"November 19, 2010","format":false,"excerpt":"This month three nice webinars have been publish on some diverse SAP Crystal Dashboard Design (Xcelsius) topics. This is good learning material, so have a look at it!","rel":"","context":"In &quot;SAP BusinessObjects Dashboards&quot;","block_context":{"text":"SAP BusinessObjects Dashboards","link":"https:\/\/www.hackingsap.com\/blog\/category\/sapbusinessobjects-dashboards"},"img":{"alt_text":"Antivia X-Broadcast Xcelsius SAP Crystal Dashboard Design webinar","src":"https:\/\/i0.wp.com\/www.hackingsap.com\/blog\/wp-content\/uploads\/antivia.gif?resize=350%2C200","width":350,"height":200},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hackingsap.com\/blog\/wp-json\/wp\/v2\/posts\/587","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hackingsap.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hackingsap.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hackingsap.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hackingsap.com\/blog\/wp-json\/wp\/v2\/comments?post=587"}],"version-history":[{"count":52,"href":"https:\/\/www.hackingsap.com\/blog\/wp-json\/wp\/v2\/posts\/587\/revisions"}],"predecessor-version":[{"id":745,"href":"https:\/\/www.hackingsap.com\/blog\/wp-json\/wp\/v2\/posts\/587\/revisions\/745"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hackingsap.com\/blog\/wp-json\/wp\/v2\/media\/569"}],"wp:attachment":[{"href":"https:\/\/www.hackingsap.com\/blog\/wp-json\/wp\/v2\/media?parent=587"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hackingsap.com\/blog\/wp-json\/wp\/v2\/categories?post=587"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hackingsap.com\/blog\/wp-json\/wp\/v2\/tags?post=587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}