jvectormap

jvectormap OnClick focus on Europe

人走茶凉 提交于 2019-12-23 18:04:12
问题 I cannot seem to find any support forums for his plugin... I have a button which I want to focus on Europe when clicked. I can focus on regions for example, at the moment I have $('#map1').vectorMap('set', 'focus', 'GB'); How do I change this to focus on europe? 回答1: If you use standard map with miller projection it would be: $('#map1').vectorMap('set', 'focus', 4.3, 0.5, 0.3); where 4.3 is a scale, 0.5 horizontal coordinate and 0.3 is a vertical coordinate. You can adjust this values to get

jVectorMap label is not visible, why?

大憨熊 提交于 2019-12-23 09:22:26
问题 I created a slider panel with a trigger on a webpage. On this panel I placed the jVectorMap. It works fine (the map is visible when I open the slider panel) just the Country labels are not visible. Anybody knows why? Code parts: $(".trigger").click(function(){ $(".panel").toggle("fast"); $(this).toggleClass("active"); return false; }); colors = {}; colors['it'] = '#76ced9'; $('#map').vectorMap({ map: 'europe_en', //map: 'jquery-jvectormap-europe-en', onLabelShow: function(event, label, code){

Convert data from received JSON format to JVectorMap format

﹥>﹥吖頭↗ 提交于 2019-12-23 04:26:11
问题 I am developing dashboard of a MIS in MVC 5, and in that dashboard I want to use JVectorMap to load the registered countries. So following is my controller action that returns the JSON public JsonResult registeredCountries() { var ret = db.View_RegisteredCountries.Select(x => new { Key = x.CountryCode, Value = x.TotalCompanies }).ToDictionary(x => x.Key, x => x.Value).ToList(); return Json(ret, JsonRequestBehavior.AllowGet); } and following is my JS code to get the JSON var data = {}; $.ajax(

Switch maps in Jvectormap?

倖福魔咒の 提交于 2019-12-22 10:57:29
问题 I'm trying to switch between maps using Jvectormap. Currently I have two divs, one "world-map" and one "us-map". The US Map is hidden. When someone clicks on the USA on the world map the world map div closes and the US map opens, works nicely. On showing the US map I also reveal a button that is designed to take the user back to the world map. However, when this is clicked it shows TWO world maps. I'm sure I'm doing something fundamentally wrong but can' find any documentation on this. I

How to generate a new, custom map for the JVectorMap jquery plugin?

老子叫甜甜 提交于 2019-12-21 06:36:32
问题 Useful Links JVectorMap: http://jvectormap.com/ Shopping Complex Example: http://jvectormap.com/examples/mall/ Note; Please view the above link for the converter link as due to having less than 10 reputation being a new member, I cannot add more than two links. About the Shopping Complex In the 'Useful Links' section of this question, I have added a link to a shopping complex example which can be found on the JVectorMap website. On this page, it explains the following; Example of custom map

Jvectormap highlight Multiple countries

人盡茶涼 提交于 2019-12-21 05:10:57
问题 I am currently using JvectorMap and trying to highlight multiple countries when hovering over text, I have gotten it to a point where if i hover over the word Africa, it will highlight the entire map, how would i filter it to highlight only Africa when i am hovering over the content name of Africa. currently i am creating a list of continents using a jQuery.each and i am returning continentCodes , which contains all of the country codes (ZA, US) with a color assigned to them... I have tried

jVectorMap - How to add marker dynamically

烂漫一生 提交于 2019-12-21 04:05:17
问题 I'm using jVectorMap Plugin to add a map to website. Here is a map where I added markers on page load. Is there a way to do it dynamically? I need to add them on mouse click. I use jVectorMap Plugin var plants = [ {name: 'VAK', coords: [-25.274398, 133.775136], status: 'mrk'}, {name: 'MZFR', coords: [37.090240, -95.712891], status: 'mrk'}, {name: 'AVR', coords: [50.9030599, 6.4213693], status: 'mrk'} ]; $('#world-map-markers').vectorMap({ map: 'world_mill_en', normalizeFunction: 'polynomial',

Jvector Map not working when browser Mode and document mode different in IE8

三世轮回 提交于 2019-12-13 04:35:36
问题 I am currently Running Jvector Map its working well.I have checked Internet Explorer its working well. i am using IE8. finally test my task i have set Browser Mode 8 and document Mode 7. then Run the code its showing error like this? Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.2; .NET4.0C; .NET4.0E) Timestamp: Tue, 26 May 2015 13:47:52 UTC Message: Expected

jvectormap change country color

限于喜欢 提交于 2019-12-12 04:32:47
问题 I'm using a jvectormap on a website which is working with markers, but I fail to change the color of a specific country. I took the documented examples and no errors are given. My code is: $(function(){ $('#world-map').vectorMap({ map: 'world_mill', scaleColors: ['#C8EEFF', '#0071A4'], normalizeFunction: 'polynomial', hoverOpacity: 0.7, hoverColor: false, markerStyle: { initial: { fill: 'red', stroke: '#383f47' } }, backgroundColor: 'gray', markers: [ {latLng: [41.90, 12.45], name: 'Vatican

JVectorMap Scroll Speed and Full screen Issue

帅比萌擦擦* 提交于 2019-12-12 03:18:13
问题 I am using JVectorMap to create a map Page on my Website. However I found that the scrolling zoom speed is much to slow. How do I adjust the scroll speed? There is no documentation for this issue. I found this: zoomStep: 1.6, This is however to specify the zoom step for the buttons, not the scrolling. Another issue that I have found is that I cannot set the height of the Map Container to: window.innerHeight; But i can however set the width to: window.innerWidth; How can I specify to Height of