Open juliarnasution opened 4 years ago
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] } ]
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 }}} />
<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 }}} />
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 }}} />