Newest jvectormap Questions

Q&A for professional and enthusiast programmers

Convert data from received JSON format to JVectorMap format

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 ...

Creating jvectormap in React

So I am trying to insert a map from jvectormap for a web application. Here is my code for northAmerica.js: import React, { Component } from 'react' import {Link} from 'react-router' import ReactDOM ...

jVectorMap marker as icon

Does anyone know how to add a Image as Marker in jVectorMap? I read a lot of posts here in stackoverflow resolving the same question, but i couldn't make it. My code is the next one: $(function(...

Changing the height of JvectorMap?

I am having a problem setting up the height of the JVectorMap in the css. I have looked at the documentation at http://jvectormap.com/. I also looked at $('#world-map').vectorMap({ ...

Draggable jVector map

How do I make a jVector map draggable using jquery draggable? For example: <div class="grid-container"> <div class="grid large"><div id = "map" class="grid-1"></div> </...

jVectorMap - Setting region focus according to data obtained from API

I am currently working on a project where jVectorMap is being used. All the data in the project is being obtained through API calls. The markers are also obtained from the API object where the ...

Auto zoom a region on click event in jvectormap

I have the jvectormap of Australia. On click of a particular state in the map, it should zoom out that particular state in the same map. Is there any way to achieve this without using multi-map.

jvector map set color for selected region on region click

I used jvector map var colorData = { "1" : "#fcadb2", "2" : "#0071A4", "3" : "#C8EEFF", "4" : "#0071A4", "5" : "#C8EEFF", "6" : "#0071A4" } $.getJSON ("<?php echo ...

SVG file into jvectormap

I have the SVG file of a state of Australia, How to convert it into a Jvectormap and display in my HTML page. I tried the link. http://svg.wangxingrong.com/ But it is not working properly.

Javascript TABs containing Javascript map (JVectorMap)

I'm tryng to display different maps (JVectorMap library) in different tabs created with Javascript. Probably the two scripts are in conflict because I can see the map clicking on one tab (usually the ...

how to load JSON data in select2 plugin

I am trying to grab the last two letters of the data attribute(data-code="US-VA" in this case VA) from the jvectormap-element of JVectormap and using it to compare with the State object from the ...

Adding a custom button in Jvectormap

Is there any way to add a custom button on the top left corner of a normal Jvectormap? (similar to the back button in a drill-down map).

JVectorMap Set Scale Below 1

I am creating a web page which requires a full size map, for which I am using JVectorMap. The map has a width and height of 100%. However, this makes the map extend right to the very edges of the page ...

D3 DataMaps (or jvectormap): How to put a custom object on map by coords

For example I want to add a custom html object to wold map by gps coords (lat, lng) - like pulsating dot done with css or any other(js?) marker animation <style> #circle { background: red; ...

jvectormap map and markers

This is my default html file for web app project. I get error: JavaScript runtime error: '$' is undefined I presume that there is a problem with jquery. This is my first time dealing with html ...

How to animate marker on jVectorMap?

I want a marker with pulsation on jVectorMap. Is there any way to animate border(stroke) thickness? Is there any example or whatever? thanks

Change the JVectorMap legend position

I need to change the position of JVectorMap legend box. Anybody know how to change legend box to left botton position? Regards

Can we change the Marker Style in jVectorMap?

Having trouble with this JVectorMap Marker <head> <link rel="stylesheet" href="css/jquery-jvectormap-2.0.3.css" type="text/css" media="screen"/> <script src="js/jquery.js"></...

Using getRegionName with drill down jvectormap

It's very simple actually and i'm sure the answer is far more simple but the documentation for Jvectormap is really bad. I need to getRegionName() for a county on a drill down map of the states but it'...

JVector Map how to have dynamic images when markers hover

Hi I'm using JVector Map and I know my question maybe asked before , and also I found this article jvectormap markers label image too but my problem still not solved I want to show a picture for each ...

Convert svg maps to jvectormap

I'm using jvectormap plugin and everything works so fine but i need to add some missed country, then I searched and figured out that there was a tool to convert svg map to jvectormap js via svgTo but ...

How to add markers on countries dynamically using jVectorMap

I want to set markers over countries dynamically based on the latitude and longitude of a country. I have tried giving hard-coded values and it work fine for me, now I'm trying to bind markers ...

jvectormap create dynamic markers

I have created a map and want to populate it with markers from db. Here is my array from db: cityList = {}; cityList['PL-MZ'] = [ [ 'Kobylka', 'kobylka.html', '52.3392', '21.196' ], [ 'Marki', ...

How to find the BBOX coordinates of a jvectormap

I have the SVG file of a particular state, I have successfully converted the svg coordinates into a jvectormap, but I dont know how to identify the bbox coordinates of the projected region, can any ...

jvectormap change country color

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: $(...

Colorbox not working with jvectormap

I am trying to open a colorbox by clicking on a country, but it is not working. html: .... <div class="row"> <div class="col-md-12 text-center"> <div id="world-...

ValueError: No JSON object could be decoded in python

I followed the instruction on the post to convert the shape file into a jvector map, I have downloaded the shape file from this site. Below is the content of my bat file. python converter.py ^ ...

JVectorMap V2.0.3 change colors per region

I'm new so tell me if I do something wrong. At the moment I'm still a beginner with JavaScript and I'm looking for an answer relating to JVectorMap. (http://jvectormap.com/) In my PHP file I have a ...

jvectormap how to Display only 1 country

Hi i have spend som time with on my project getting jvectormap to show 1 particular country (Denmark). but it will only show all the world. Hope you can help me? And this is what I try making it do ...

Jvectormap syntax Error color country

I want to implement jvectormap on a website. The vectormap works fine without any individual parameters. Now I'd like to change the color for different countries, starting with germany and france. ...

JVectorMap: update legend

I'm using JVectorMap to show a map with colored countries. The map also includes a legend and an onRegionTipShow. In my application it's possible to alter the values the map is based on. After doing ...

Get values for jVectormap. getElementbyID is not working

I try to set markers in a jVectormap. I get the content from my database and write it in a hidden input field. Return in the following format: {latLng:[52.5200066,13.404954],name:'Berlin'},{latLng:[...

Rails/Javascript: JQueryVector Map Not Loading on Page Load

On my rails application I am using JQV map to display a world map with some data. Only problem is, the map is not loading when I load the page, it only loads if I press `ctrl + shift + r. I have it ...

jvectormap: NS_ERROR_FAILURE on firefox

I use jVectorMap (jquery-jvectormap-2.0.3.min.js) And I try to display the map: jquery-jvectormap-fr-merc.js as follow: $('#france_regions').vectorMap({ map: 'fr_merc' }); But I got on Firefox: ...

Count number of condidates based on country and view them in JvectorMap legend

I am using JvectorMap to show the Candidates Geographical details based on the number of candidates from a country. Like: i want to show the number of candidates from USA and same for other countries. ...

JVector map How to change the size of tooltip which are shown when mouse cursor is over region

I'm using JVector Map plugin .I want to change the size of texts which it shows (in a black tooltip) the name of regions after hover them. here is my Javascript code if nedded: $('#world-map')....

jVectorMap, markers in series don't appear and no size change

I use a json file to produce data and want the marker size to reflect the number of shops in that location. The region do a similar thing, colours work but the markers don't appear (the ltlngs values ...

jvectormap merge two maps

I'm trying to merge two jvectormaps: italy-regions and italy-provinces, i would like to achieve something similar to the drill-down example or even just have the map diveded both in regions and ...

`panOnDrag:false` not working on mobile devices

Setting the panOnDrag option to false works on desktop browsers, but not on phones. I've seen the issue being reported, and a comment on Stackoverflow saying they wish it to be resolved on mobile. ...

Using Drill Down Starting from the World Map

today I got interest in the JVectorMap package which is apparently just what I was looking for. However, I have a problem which I could not solve on my own. I am trying to build a Drill Down map ...

Replacement for SVGtojVectorMap

I'd like to create a jVectorMap from a custom svg. I found this excellent tutorial on how to do this. Unfortunately http://svgto.jvectormap.com/ seems to be offline. Is there any handy alternative to ...

jVectormap - change default country color

i am trying to change the default light-grey default color jVectormap uses for displaying any of the countries on the world map. Additionally, it would be great to know if the country border color can ...

in jvectorMap, fixed labels when selected a region

I'm having an issue with js vector map, the labels of the names of the countries, don't disappear of the screen after selecting a country. I'm not sure this is the best way to do it, perhaps there ...

jvectormap: add marker with centered lable

Is possible to show a marker with a centered label? I need to add a marker with a value. I need something like this image

Appended lines to SVG not responsive

I'm making use of JVectormap, on which i've placed dots. Between these dots I draw lines using: var newLine = document.createElementNS('http://www.w3.org/2000/svg','line'); newLine.setAttribute('id','...

how to edit javascript Objects with loop (Jvectormap)

I'm new to Javascript objects and Jquery and I have no clue how I do something like this: series: { regions: [{ values: { ...

jvectormap add marker with different radius

I'm trying to create a jvectormap and populate it with markers received via ajax. I'm now able to put the markers in the map but I'd love to change the radius of them based on another value received ...

How do I trigger single & doubleclick on jvectormap

How do I combine single & double click into onRegionClick using jvectormap. I want to load different link between single & double click event. onRegionClick:function(event, code){ ...

No JSON object could be decoded, JvectorMap Converter

Scenario is, Im new to python and trying to generate jvectorMap using Converter.py plugin provided by jVectorMap, I have installed OSGEO4W (Desktop INSTALL) on Windows 7 64bit. Python 2.7,GDAL 2.1.0 ...

How to set zoom level in JVectorMap

I'm using the following code to set the initial zoom level for my jvectormap: $('#world-map').vectorMap('get', 'mapObject').setFocus({ scale: 3 }); After I initialise this scale property, the ...
Translating... 0%