Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Set and zoom country map dynamically in AMMAP

I’m working with the latest javascript version of ammap and I’m trying to get the correct country to load when a page is loading. I’m aware of the fact you can load the correct country by simply load the correct country js file

<script src="/js/ammap/maps/js/australiaLow.js"></script> 

and then set the dataprovider correctly

var dataProvider = {
mapVar: AmCharts.maps.australiaLow,
getAreasFromMap: true
};

But my goal is to start with continentsLow and to drill down to the correct country by using javascript and no interaction of the user. This because the users should be able to navigate at all levels and the maps should load accordingly.

<script src="/js/ammap/maps/js/australiaLow.js"></script>

It’s similar to this example page, but in this example. But in this example you have to click before you will get to see the correct country. http://www.ammap.com/javascript-maps/zooming-to-countries-map/ I tried to load the map and set it and then reload the ammap but without success.

map.selectObject(map.getObjectById("AU")); 

Any idea how to do this?

like image 995
user1923728 Avatar asked Nov 20 '25 09:11

user1923728


1 Answers

I had the same need and what I ended up doing is using the clickMapObject method to simulate a click on the map object I wanted it to start out with:

var mapObject = map.getObjectById('US');
map.clickMapObject(mapObject);

When I load the page it will zoom right into the country I selected (US).

like image 167
Chadwiki Avatar answered Nov 22 '25 22:11

Chadwiki



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!