react-jvectormap icon indicating copy to clipboard operation
react-jvectormap copied to clipboard

The marker does not appear on the Indonesia Map

Open juliarnasution opened this issue 4 years ago • 0 comments

Hello, I'm using Map of Indonesia. And I have a problem, the marker doesn't appear on the Indonesia Map, but when I use World Map, it's appears.

this is my code : let markers = [ { name: "Universitas Islam Sultan Agung", latLng: [-6.954821, 110.458576]}, { name: "Other university", latLng: [-5.132412, 119.488454]}, { name: "Other university", latLng: [-4.009751, 122.520665] } ]

Component : <VectorMap map={'indonesia'} backgroundColor="#5cb6ee" ref="map" markersSelectable= {true} labels = {{ markers: { render: function(index) { return markers[index].name; } } }} containerStyle={{ width: '200%', height: '100%' }} markers= {markers} containerClassName="map" markerStyle = {{ initial: {fill: "#5c5cff", stroke:'grey' }, selected: {fill: "#ff5050" }, hover: { stroke: 'white', "stroke-width": 2, cursor: 'pointer' }, }} markerLabelStyle= {{ initial: { fontFamily: "Roboto", fontWeight: 400, fontSize: 13 }}} />

juliarnasution avatar Apr 22 '20 06:04 juliarnasution