score:1
Accepted answer
Using the mapZoom method you can change the current map view. You only have to add the second and third argument to that method. This is the X and Y position of the new zoom centre.
For calculating that value from latitude/longitude you might use the fromLatLonToPoint method.
In the demo below I implemented it for Europe.
API:
https://api.highcharts.com/class-reference/Highcharts.Chart#mapZoom
https://api.highcharts.com/class-reference/Highcharts.Chart.html#fromLatLonToPoint
Live demo:
https://jsfiddle.net/BlackLabel/xs8nLgho/
Source: stackoverflow.com
Related Query
- Highcharts Highmaps zoom to latitude longitude
- How to draw a bubble map with longitude and latitude using Highcharts in react
- Framework for plotting latitude longitude in a map based on country, state and district depending on the zoom level
- How to transform a point with latitude and longitude value to a coordinates in highcharts map?
- Highcharts Highmaps prevent initial zoom effect
- Custom map with Highmaps adding mappoint series in latitude and longitude using proj4js
- How to find a point with longitude and latitude in a Highmaps maps serie, initiated with GeoJson?
- highcharts hide zoom reset button, call zoom reset programmatically
- Possible to connect the zoom on two Highcharts graphs?
- Highcharts chart click event fired on click of the reset zoom button (bug?)
- Execute function after zoom highcharts
- highcharts how to catch and insert logic in click reset zoom button event
- Highcharts not displaying data at some zoom levels
- Highcharts remove zoom feature
- Highcharts zoom issue after upgrading to jQuery 1.8
- Highcharts multiple x axes is hidden on zoom
- Using PhantomJS to create HighCharts grahps server side for use in PDF creation (PHP) - results in exit code 11 from PHPs exec();
- How to zoom to specific point in Highmaps
- Programmatically draw rect and line in Highcharts with zoom
- Highcharts - Global configuration with common code and unique data & Headings
- How to use Highmaps and Highcharts with Meteor?
- Highcharts - Stockchart Zoom position without Navigator
- highcharts xAxis limit how far zoom in
- Highcharts Bar Chart Zoom not working
- HighCharts Stock Chart error code 18
- Highcharts / Highmaps with Angular - Cannot run demo
- Change the zoom level for highmaps
- highcharts change rendered image source on click
- Highcharts get series data zoom indices
- zoom a Highcharts chart programmatically
More Query from same tag
- How to transform this array in a json?
- adding series to highcharts from JSON
- ReferenceError: Highcharts is not defined(React JS)
- How to remove Highcharts grid end lines on x and y axis?
- Change xAxis and yAxis title of drilldown chart after entering into second series
- Highcharts heat map does not work with a wide range of data values (min: 0, max: 5,000,000)
- highchart data from mysql using ajax
- Why does highchart add a padding for a certain bar chart?
- Using highcharts SvgRenderer class in angular 4
- How to make HighStock / HighChart scroll bar location default to the left hand side?
- Render bar chart
- highcharts animation multiple charts
- Time series horizontal bar chart for running queries visualization
- ReferenceError: Can't find variable: modules
- Disable markers if data > 1 in highcharts
- resize highchart on load
- how to control orders of charts in highcharts combination charts?
- Highstock datetime xAxis, can only show all. no zoom
- HighCharts - Creating a Scatter with datetime
- How to get current date and time on highcharts
- Overlapping of highchart with it's series text
- Highcharts chart.events.redraw doesn't work for chart.xAxis[0].update
- HighStock Charts not Working over SSL ie https
- Highcharts - Synchronized heat maps
- Setting a four hour range in highcharts
- Include hidden series in exported CSV using Highcharts v8.0
- Blank slider placeholders
- Highchart data labels appear in middle if xAxis ticks
- Highcharts Solid Gauge width?
- How to specify specific tick positions for highcharts when loading dynamic data?
