Here Maps - Center map to show all markers - maps

im trying to display a clustered map and i want to center the map according to the displayed clusters. is it possible?
Thanks in advance

You can add your cluster to a group and then set the bounding box of the map same as that of the group. Something done like in the following example
https://developer.here.com/documentation/examples/maps-js/markers/zoom-to-set-of-markers

Related

How to split screen inside of grid in reactJs

I'm using reactjs and I want to split my grid area in to 2 fields. I tried but couldn't find any better solution. Do anyone know how to do that?
Here is the image and it shows how do I want to make the divided components
this image showing area is also in a grid(half of the screen). If the question is not clear, please inform.

How to remove neighboring country names from the map?

So, I have been working to style my map. But, stepped on a hitch back, such as to how to remove the neighbouring country name. So, my focus of work is only on INDIA. Also, how to not let map zoom out after INDIA boundaries because it now zooms out all the way.
For refrence see img
home
Google Maps has a styling wizard where it's easy to customize your map, I found the administrative.country property and set visibility off in styler.
https://mapstyle.withgoogle.com/
Above link will help.

Clickable Maps In Container

I have an Image (map of Africa). I want each countries to be clickable such that a new form is opened on tap. Is this possible with CN1?
I have checked the cn1libs portal and can't find any library that does this.
I thank you
Create two maps. One would look like you want the map to look on the screen. The other would use a different color for every country.
Use a pointer listener or pointerReleased on a focusable component to track user taps on the map so you'd have an X/Y coordinate.
Use getRGB() to get the RGB colors of the pixels in the color map, then get the color at rgb[x + y * imageWidth]
This color represents the country that was picked and you can map to that using a switch statement.

How to hide names of roads in ng-map

I am creating a basic map with ng-Map. I want to hide names of all roads/streets. How can I do it?
you can hide the road/street name by setting your own styles, and then set the styles to google map by map.setOptions({styles: customeStyles});
check this plunker.

Xpages tabbed pane

We are trying to add a Google map custom control to the 4th tab of a tabbed pane in XPages
When we do we get this:
A map with ONLY the first small 10th of the map draw in the top left corner.
As you can see only the first section of the map will load.
I've googled around and it appears that if the map IS NOT on the first tab it wont work without a 'tab change recall of the map initialise function'
I've tested this and it's true, when the map is the selected tab the map loads fine.
Here is our markup:
<xe:djTabPane id="djTabPaneMap" title="Map">
<xp:panel style="height:290px;width:860px" id="panel6">
<xc:ccGoogleMaps map_height="290" map_width="860"
map_width_measurement="px" map_height_measurement="px"
map_zoom="5" map_type="ROADMAP" map_center_type="Address"
map_center_address="Broadstairs">
</xc:ccGoogleMaps>
</xp:panel>
</xe:djTabPane>
It's really basic stuff I know, but we can't seem to get the initialise map function called from switching the tab.
Any ideas???
I am afraid that despite many attempts to call the build map function on tab change - using either the ID or CSS class name we are unable to draw our map fully.
When the map is outside the tabbed panel there is no issue.
Once I use Firebug to inspect the panel the map renders correctly
Many thanks!
Andrew
AFAIK, a Google map must be in an IFRAME. Or is it ?

Resources