I've got a website vith a view of a (long) street, with markers appearing all along it that have different information on them about that location.
What I'm trying to do is create a button so when you press it, it starts at the bottom of the street and slowly moves the map along the street, opening each pop-up as you go then closing it when the next one opens.
The markers are all generated using a php loop linked to a database of information and I'm using InfoBubble to create the pop-ups.
You can use the google function bounds.extend and fitBounds: Google Map API v3 — set bounds and center and add some of your markers to the array and wait a bit and add new markers to the array and rinse and repeat. You can use a javascript timer to wait. Or you can save your path and use fitbounds only on that marker.
Edit: When you have the next bounds with getBounds you can calculate delta x and delta y, e.g. x2-x1 and y2-y1 from 2 points of the start bound and the target bound.
Related
Im drawing a simple map in spotfire using US cities as geo location. The values I want to show on the map is the location of 'specific gas stations' by the geo code.
For larger cities there are many but im only able to get one 'shape'. I can work on the coloring or size. But im interested to get all 5 dots next to each other or a call-out highlighting there are five..?
Is there a way to show all values, or does spotfire need to combine them?
I know I can get more details with lat/long but that is not an option.
are your shapes literally being combined? that shouldn't happen unless you are doing a "Marker by: City". double check this setting.
if they aren't being literally combined into one point on the map, but instead they are sitting on top of each other, you could adjust the jitter settings on your Marker Layer (check the Appearance page in the Properties dialog) to spread them out a little bit.
if that doesn't suit your needs, and the former case is true, please update your question with some screencaps of your map chart's configuration and I'll see if I can provide a better answer :)
enter image description hereFor Example In high charts take bar chart.In Bar chart if i clicked on one data point the other data points should disable.Please find the image
You can call Point.select() function on point from another chart in select event. If you want to get rid of that point, use Point.remove() function instead.
API Reference:
http://api.highcharts.com/highcharts/Point.select
http://api.highcharts.com/highcharts/Point.remove
http://api.highcharts.com/highcharts/plotOptions.column.point.events.select
Example:
http://jsfiddle.net/ha7jxztv/
In a highcharts line chart, I want to present a link in the tooltip for people to explore the underlying data set for a specific point by clicking on it (done, I used useHTML). The chart itself is an aggregated view showing statistics for some values (y) for different categories (series) across time scale (x), hence the motivation for exploring the non-aggregated data.
However, when the chart becomes dense enough, the user cannot mouseover the tooltip to click the link because it updates with the adjacent data points from the next point/s. Thus, I want to stop the tooltip from updating when the mouse is directly on top of it. How am I able to do this?
You can play around with tooltip.positioner - to make sure user will be able to click that tooltip URL. Or just change logic, so user can click on column instead, just like demo here.
I want to set IDs of the markers that I show on the map. For instance, when I show four markers, I want to give them IDs 10, 20, 30 and 40 explicitly. Now they get m0, m1, m2 and m3. By the way, I need this so that when I click on the Info Window of any of these markers, I get the ID and know which marker's Info Window is clicked and that way I can use that ID (e.g. show it in a toast message for now).
Thanks.
Ahmed
You can not set the marker-IDs on your own. But the method addMarker returns the marker with its ID set.
When later on the marker is clicked, the ID will be the same.
So you need to keep track of the IDs and the corresponding objects the markers stand for on your own e.g. by maintaining a map of marker IDs and objects, where you add a new item after each call of addMarker.
When I use the Fusion API to remove all rows from a table and then add new rows to it, the map markers show up as the default markers, not the ones I have defined.
For example, I have the map below:
https://www.google.com/fusiontables/embedviz?q=select+col2+from+1YPVj8gN3lBEDE9NHBSIXHqOyb9h8kqPviqG42Yo&viz=MAP&h=false&lat=48.04804748460389&lng=-97.86780852499999&t=1&z=4&l=col2&y=7&tmplt=6
It is set to use the Icon column in the fusion table for the map markers.
When I remove all the rows and add them back in through the API, all the markers show up as the default red dots.
If I go to Tools->Change Map Styles and set it to Fixed->red dot and save, the map updates and shows the red dots.
If I then repeat that and set it back to using the Icon column, then the map refreshes and the style is applied correctly.
If I do not do this, then no matter what happens or how long I wait or if I clear my cache, the markers use the incorrect style.
Has anyone run into this? Any google people reading this have some insight?
There is a two minute cache applied to embedded map tiles, so you could just be seeing that delay. If you give it some time and you still see the problem, then something else is going on. The HTTP request and response headers from one of the faulty tiles would be helpful in diagnosing the issue.