javascript - Jvectormap markers draw wrong after setFocus call -



javascript - Jvectormap markers draw wrong after setFocus call -

i want focus on state on selection of state. code this:

var ddd = { "us-va": 1, "us-pa": 1, "us-tx": 1, "us-ri": 1, "us-sc": 1, "us-or": 1, "us-co": 1, "us-ky": 1 }; var map = {}; $(function(){ map = new jvm.worldmap({ map: 'us_aea_en', backgroundcolor: '#eeeeee', container: $('#us-map'), regionsselectable: true, regionsselectableone: true, regionstyle: { initial: { fill: '#777777', "fill-opacity": 1, stroke: 'none', "stroke-width": 0, "stroke-opacity": 1 } }, series: { regions: [{ values: ddd, scale: ['#ff6633', '#ff6622'], normalizefunction: 'linear' }] }, markerstyle: { initial: { fill: '#f8e23b', stroke: '#383f47' } }, markers: [ {latlng: [41.17, -74.92], name: 'new york'}, {latlng: [34.06, -118.25], name: 'los angeles'}, {latlng: [29.98, -95.54], name: 'houston'}, {latlng: [42.42, -71.3], name: 'boston'}, {latlng: [32.79, -96.81], name: 'dallas'}, {latlng: [32.79, -79.95], name: 'charleston'}, {latlng: [38.02, -122.89], name: 'san francisco'}, {latlng: [35.17, -106.86], name: 'albuquerque'}, {latlng: [35.72, -97.99], name: 'oklahoma city'}, {latlng: [61.22, -149.91], name: 'anchorage'}, {latlng: [21.47, -158.08], name: 'honolulu'} ], //onregionselected: function(event, isselected, selectedregions){ onregionselected: function(selectedregions){ map.setfocus(9, selectedregions); } }); });

when select part markers drawn in wrong location. little shift seen, map seek setfocus, markers go in left corner. utilize jvectormap-1.1.1.min.js , jquery-1.8.3.min.js

here map when loaded:

here map after selecting state:

any clue?

change definition of onregionselected method to:

onregionselected: function(e, code, isselected, selectedregions){ map.setfocus(selectedregions); }

the setfocus method expects receive 3 parameters. first beingness either scale, part code, or array of part codes. sec , 3rd parameters centerx , centery specifying center of viewport.

you sending number 9 first parameter, , sec parameter sending event object , unusual things happened.

also, if set regionsselectableone: false map, see zooms appropriate level include selected regions (states).

javascript jvectormap

Comments

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

Accessing MATLAB's unicode strings from C -

javascript - mongodb won't find my schema method in nested container -