markmarkoh/datamaps

Customizable SVG map visualizations for the web in a single Javascript file using D3.js

pretsnor

@pretsnor

Hi there. Thanks for this plugin.
I have a problem drawing arcs. I can't use country names or codes to draw them (e.g. {origin: "USA", destination: "MEX"} does not give me an arc). However, generating arcs with coordinates works!

FIXED: I used an older version.

Use this version if you need the 'draw-arcs-by-country-code' support: http://datamaps.github.io/scripts/0.4.5/datamaps.all.min.js?v=1

Luis Mario Díaz R.

@MarioDiar

Hi, I'm having a problem when displaying a custom map. It displays fine but when I hover on a state it doesn't show the properties defined in the topo.json and instead throws an undefined. any ideas?

Screen Shot 2017-01-12 at 12.06.54 PM.png

Luis Mario Díaz R.

@MarioDiar

I know what the problem was, turns out datamaps only shows by default the property called "name"

arturasmailer

@arturasmailer

Hi Guys. Maybe anyone knows of any examples where legends are implemented. maps.legend(); its not quite clear :/

Arkad82x

@Arkad82x

Hello, I'm using angular-datamaps, hoping someone has experience with that. I am basically trying to change the fillKey of a country, using data["DEU"].fillKey = "MEDIUM". Without zoom that works perfectly, but when I zoom in and change the fillKey the map zooms out on redraw, which is what I'd like to prevent. Is it possible to maintain the projection while redrawing or to get the current projection in my controller to use it in the setProjection function? Any help would be appreciated!

webhoes

@webhoes

Hello, is there a dynamic way to scale the scope of the maps based on the countries in the array?

chandi1703

@chandi1703

Hi, does anyone know if there is a possibility to make bubbles clickable? I want to be able to click on a bubble which leads to another url.

Aidis Stukas

@aidiss

Is it possible to resize country on hover?

Aidis Stukas

@aidiss

Hi, I would like extra information to appear on hover. How can I do that?

celik75

@celik75

Hello,
Im working on a project for charities world wide. I got an question from one of my clients:

The country South Sudan is on the world map with a Sudan. But South Sudan has been independent since 2011. Is there an opportunity to separate South Sudan from Sudan?

Is it possible to edit or update the maps?

@ddiviacchi

@aidiss if you add an object in data and then configure the popupTemplate: function(geography, data) {
if ( data ) {
return '<div class="hoverinfo" style="max-width: 300px"><strong>' + geography.properties.name + '</strong> <br />' + data.object_name+ ' </div>'
}

for the 'extra information' in hover

GliderDev

@GliderDev

Hi guys..
Is there any way to display a specific state and then a city on the onclick functionality in Datamaps ?

Sean Bennett

@SWBennett06

@markmarkoh: Is there anything holding up this PR that fixes map hover on Edge? It's a pretty quick fix for a relatively significant issue. Tested it locally and confirmed that it resolves the problem. https://github.com/markmarkoh/datamaps/pull/367/files

Ilya Nesterov

@ilyanesterov

Hi folks, I need a little help with datamaps/d3.geo. I want to have rotating map with datapins. So far I created this http://jsbin.com/sularijimi/edit?html,output , but here is a problem I have points array which represents points I want to show on a map, but this array is dynamically extended. To simulate it I have setInterval routine. The problem I have is when points is dynamically extendable, somehow "d" attribute which contains pass is missing. If I initialize points array ones, it works fine.

Is there anything I do wrong? I guess might be datamap.svg.selectAll('.point').attr("d", datamap.path); is incorrect way, but it does work fine if points is not dynamically changed. Should I have some method that delete all existing points before adding them? But I feel that would be a huge overhead?

@markmarkoh might be you have some ideas? I also have a few patches to supply to a datamap to make rotation and zoom of the map easier and

TestTweet

@TestTweetMarket_twitter

would be good if anyone can help me with this.

i am rendering data in datamaps

i want to use a custom worldmap ( with like a great cool design )

is there any predevelop custom map designs which i can take a look at.

i just want worldmap with different looks.

ammu811994

@ammu811994

Hi, I am trying to create a bubble map. I used the datamaps template to create a simple map but I am not sure how to add bubbles to this one. Can anyone help me out?

Screen Shot 2017-11-07 at 12.31.10 PM.png

kinitzki

@kinitzki

Hi guys, is it somehow possible to put links on bubbles?

Hamilton Lima

@hamilton-lima

hey there

can I help somehow to have the latest version from Git available on NPM?

after I download 0.5.8 using npm install I realized that is not matching the latest version on git

Krishjs

@Krishjs

Zoom not working properly it kind Zooming and pan towards left Am I doing anything wrong ?
done: function (datamap) {
datamap.svg.call(d3.zoom().scaleExtent([1, 10]).on("zoom", function () {
datamap.svg.attr("transform", 'translate(' + d3.event.transform.x + ') scale(' + d3.event.transform.k + ')')
}));
}

Leonard Seffer

@lseffer

Hey, how would I go about increasing performance of datamaps? I have a lot of bubbles on my map that I want to update like every second. Using the fading-bubbles plugin. It's lagging quite a lot when rendering 1000+ bubbles at a time. Is there some easy way to integrate webgl or something else for better performance?