Hi,
Please tweak the sample posted in infragistics site (link given below - which currently displays world map) to display US map alone along with Alaska, Puerto Rico and Hawaii.
https://www.igniteui.com/map/geo-shapes-series
https://www.igniteui.com/map/json-binding
Our requirement is to display US map alone and show all US states including Alaska, Puerto Rico and Hawai, States should be colored and should be clickable. We should be able to display text when hover on state.
Thanks
Ashok
Hello Ashok,
Based on your description, you will need to look for a custom shape file covering the desired geographic locations. The IgniteUI samples contain some examples (world countries, cities and North America primary roads) which are provided as an illustration to the capabilities of the map component. I would suggest therefore looking for a shape file covering the desired regions.
Regarding showing text on shape hover, a tooltip template may be used as already shown at:
The click of a shape can be handled via the SeriesMouseLeftButtonDown event:
https://www.igniteui.com/help/api/2014.1/ui.igMap
Please feel free to contact me if you need more information.
Thanks for your response.
Currently i could loaded USA map along with Alaska and Hawaii.
Please run attached project solution see the output.
My requirement is to load all USA states/territory(Puerto rico is territory of USA).
So i want to merge USA and puerto rica maps together and loads as a single map. Please see my previous attached screen shot.
Is there any option is available to merge one or more country and loads as single map.
What i have to do for that?
Regards,
Thank you for your reply.
There are different resources and software available online for creating your own shapefiles. You can find some useful information regarding creating and obtaining shapefiles at:
http://wiki.openstreetmap.org/wiki/Shapefiles
Leave it shape file concept.
Generally asking is there any option is available in ignite map to show only particular countries not all.
My requirement is to show USA and Puerto rico countries only and remaining countries should be hide from the map.
If ignite support this, please share that samples.
As a piece of general information it might be useful to keep in mind what background content is used for the Map (the map is loaded from openStreet by default):
It is possible to zoom on a particular portion of the map using the windowRect option as described at:
http://help.infragistics.com/Help/Doc/jQuery/2014.1/CLR4.0/html/igMap_Configuring_Navigation_Features.html
In order to achieve your other requirements (for clicking and hovering for instance) one of the supported datasources would be needed in order to provide some information on the desired regions:
http://help.infragistics.com/Help/Doc/jQuery/2014.1/CLR4.0/html/Overview_igMap.html
Please do not hesitate to contact me if you need more information.
Please feel free to contact me if you need additional information regarding this matter.