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
Post a Comment