Category

JS API

Capture2

New CMapsAnalytics JS API Developer Resources

By | JS API | No Comments

With the latest release of CMaps Analytics JS API and an explosion of new capabilities and features, it was time to beef up our developer support and learning resources. Our existing partners and budding developer base need better resources, so we are rolling out the following resources this month:

Developer Forums – Now Available

Our new developer forums, offer a StackExchange style Q&A format, allowing CMaps Analytics developers to actively monitor and share knowledge with our partners and developers. While our traditional enterprise extension customers can continue to open cases, this scenrio / context specific code sharing approach is proven and effective. As you explore CMaps Analytics, get quick feedback and useful code examples.

Capture

 

CMaps Analytics CodePen – Coming Soon

Paired with our new forums, CMaps Analytics CodePen will ensure developers can quickly test, experiment and learn how to create geospatial experiences by example with CMaps Analytics JS API.

Example: Clustering by Distance

 

New JS Docs

We have updated our JS Docs process to ensure the speed of documentation matches the rapid pace of development that our partners and customers are pushing. Now, you can access the same JS Documentation our own team uses.

 

GITHub Repositories – OpenSource

Our team at CMaps Analytics has worked through third party partners to co-design open source solutions like our CMaps Region Generator. We have a number of tools created which we are looking to move into our own OpenSource GITHub repository so other partners and customers can benefit and contribute back. Look out for additional posts on our OpenSource efforts.

 

map

Creating a New Geo Map Component with 50 Lines of Code

By | JS API | No Comments

map

CMaps Analytics origins as an SAP Dashboard plugin helped pave the way for our cloud based geo-analysis APIs. Today, CMaps Analytics can be embedded inside of any custom applications for internal or commercial use. To ensure a level of quality, we use the same public APIs and services to push the boundaries of our integration kits, and extensions.

Recently, SAP released a well designed set of reporting APIs, allowing our team to create a brand new embedded mapping element. As a result shown below, the entire HTML markup, Javascript, and CSS required was 50 lines of code to create a highly customizable component.

Want to build your own component with CMaps Analytics?

Sign up for free access |How to Use CMaps API 

Here is the result, allowing end users of SAP Web Intelligence to modify the map experience right within the tool.

We have posted the pseudo source code used in our SAP Webi element below to give you an idea what it took to create a simple mapping integration.

<html>
 <head>
 <script src='http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js'></script>
 <script src='https://api.cmapsanalytics.net/mapview?version=3'></script>
 <script>
 var cMap;
 var choroplethAlertsEnabled = true;
 function buildMap() {
 cMap = new centigon.locationIntelligence.MapView();
 cMap.onMapReady = function () {
 cMap.toggleSpecialApiLayer(centigon.mapping.CMap.SPECIAL_LAYER_TYPES.TRAFFIC, __root.settings[showtrafficlayer].value__);
 cMap.toggleSpecialApiLayer(centigon.mapping.CMap.SPECIAL_LAYER_TYPES.TRANSIT, __root.settings[showtransitlayer].value__);
 }
 cMap.layerNames(['Basic Points'])
 .useDynamicZoom(__root.data[cmaplabels].values.rawvalues__)
 .locations([[__root.data[cmaplocations].values.rawvalues__]])
 .labels([[__root.data[cmaplabels].values.rawvalues__]])
 .values([[__root.data[cmapvalues].values.rawvalues__]])
 .legendVisible(__root.settings[legendVisible].value__)
 .clusterStyles(['__root.settings[clusterStyles].value__'])
 .defaultLayerIcons(['__root.settings[defaultLayerIcons].value__'])
 .defaultLayerSizes(['__root.settings[defaultLayerSizes].value__'])
 .defaultLayerColors(['__root.settings[defaultLayerColors].value__'])
 .layersTransparency([__root.settings[layersTransparency].value__])
 .glowVisible(__root.settings[glowVisible].value__)
 .glowColor('__root.settings[glowColor].value__')
 .layersDynamicSizeEnabled([__root.settings[layersDynamicSizeEnabled].value__])
 .layersLogScaleEnabled([__root.settings[layersLogScaleEnabled].value__])
 .dynamicZoomOnPointSelect(__root.settings[dynamicZoomOnPointSelect].value__)
 .dynamicZoomOnClusterSelect(__root.settings[dynamicZoomOnClusterSelect].value__)
 .clusterToggleVisible(__root.settings[clusterToggleVisible].value__)
 .navigationControlVisible(__root.settings[navigationControlVisible].value__)
 .baseMapImageryStyleType('__root.settings[baseImageryStyle].value__')
 .showInfoWindows(__root.settings[showInfoWindows].value__)
 .showNames(__root.settings[showNames].value__)
 .showValues(__root.settings[showValues].value__)
 .alertColors([["#cee0f6","#88baf8","#4795f5","#1670df"]]).alertTypes(["type-choropleth"])
 .alertEnabled([__root.settings[alertEnabled].value__])
 .dynamicZoomEnabled(true)
 .sslEnabled(__root.settings[sslEnabled].value__);
 cMap.key('__apikey__');
 };
 </script>
 </head>
 <body onload='buildMap();'>
 <div id='mapDiv' style='position: absolute; top: 0px; left: 0px; bottom:0px; right:0px'></div>
 </body>
</html>
60922ce8-7dfe-437e-ad1c-4f6498ec5c55

New Features for CMaps Analytics 3.1 to Build Better Maps Faster

By | CMaps Analytics Designer, JS API | No Comments

With CMaps Analytics upcoming V3.1 API in November, we have continued to put the pedal to the metal to simplify and enhance your ability to build amazing Location Analaytics expeirences for your customers and users.

Bring your own Map Service

From day one, we built CMaps Analytics to be maps agnostic. Now, we opening up the doors to not only support Google Maps Premium, but also MapBox, ESRI, HERE maps and Carto. Moving forward we can offer the best solution for your business needs and budgets. Our focus and value lies in simplifying interactive analysis, delivering a great end-user experience, and delivering insights through geospatial visualization. One consistent design and development experience for any maps provider is what you can expect from CMaps Analytics.

More reading abut this exciting new development

1maps

Region Geocoding

Goodbye Shapefiles and GeoJSON when all you need is common geographies!. With CMaps Analytics (cloud geocoder), you can load data into the map, define the geographic level, and CMaps Analytics will automatically display geographies you need including:

  • Countries
  • Provinces
  • Postal codes (USA & Canada),
  • Counties (USA)
  • Other geographies like US Congressional Districts, Metropolitan Areas, and more to come!

Realtime Region Creation and Buffer Layers

We keep tacking on new map layer visualization types that make maps easier. Merge / combine common geographies into custom regions in real-time is one of our top requests, so we have finally provided a new feature to accomplish the task. Additionally, you can use buffers around shapes and lines to visualize and constrain data in real-time.

image-1

Enhanced GIS and Location Analytics Integrations

For ESRI customers, CMaps Analytics ESRI integrations provides more control to select attributes, drill, and color elements. We also added polyline ESRI layers to round out our ESRI layers. For customers who are all-in on ESRI, you now have the perfect toolkit to interact with ESRI data.

Carto is one of our favorite Location Analytics platforms, so we have continued to strengthen our integration to re-use your Carto investments inside of CMaps Analytics integrations and extensions.

cmapscarto

Improved CMaps Designer Workflows

CMaps Designer is getting some minor updates to simplify creating and configuring data in your maps. Our data configuration tab is getting a facelift, and we are exposing more CMaps Analytics API features for point and click configuration.

capture

See CMaps Analytics in Action

webinarintrocmaps