Borders on regions that overlap are considerably thicker than they should be #18

Closed
gf3 opened this Issue Jun 22, 2012 · 3 comments

Comments

Projects
None yet
3 participants
@gf3

gf3 commented Jun 22, 2012

Example:

Screenshot

This map has an explicit borderWidth of 1 as well as a borderOpacity of 1. As you can see, the interior borders look to be ~3px in width, while the outer ones are 1px as intended.

@manifestinteractive

This comment has been minimized.

Show comment Hide comment
@manifestinteractive

manifestinteractive Jul 3, 2012

Collaborator

Can you provide which browser and version, as well as OS version? Thanks.

Collaborator

manifestinteractive commented Jul 3, 2012

Can you provide which browser and version, as well as OS version? Thanks.

@jenlampton

This comment has been minimized.

Show comment Hide comment
@jenlampton

jenlampton May 7, 2015

I'm having similar issues on Chrome, where FF and Safari look great. Chrome doesn't seem to honor the opacity setting and also has trouble drawing the borders correctly.

Chrome 42.0.2311.135 (64-bit)
chrome

FF and Safari
ff

Here are my settings:

jQuery(document).ready(function() {
    jQuery('#vmap').vectorMap({
        map: 'usa_en',
        backgroundColor: '#ffffff',
        borderColor: '#000000',
        borderOpacity: 1,
        color: '#E7E7E7',
        hoverColor: '#2c7cb4',
        selectedColor: '#22608b',
        enableZoom: false,
        showTooltip: true
    });
  });

I'm having similar issues on Chrome, where FF and Safari look great. Chrome doesn't seem to honor the opacity setting and also has trouble drawing the borders correctly.

Chrome 42.0.2311.135 (64-bit)
chrome

FF and Safari
ff

Here are my settings:

jQuery(document).ready(function() {
    jQuery('#vmap').vectorMap({
        map: 'usa_en',
        backgroundColor: '#ffffff',
        borderColor: '#000000',
        borderOpacity: 1,
        color: '#E7E7E7',
        hoverColor: '#2c7cb4',
        selectedColor: '#22608b',
        enableZoom: false,
        showTooltip: true
    });
  });
@jenlampton

This comment has been minimized.

Show comment Hide comment
@jenlampton

jenlampton May 7, 2015

Changing the border color from white to black makes the differences in widths easier to see, but the opacity issue harder to see:
Chrome
chrome2

FF & Safari
ff2

Changing the border color from white to black makes the differences in widths easier to see, but the opacity issue harder to see:
Chrome
chrome2

FF & Safari
ff2

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment