krabouilleur commented on issue #18171: URL: https://github.com/apache/echarts/issues/18171#issuecomment-1382418803
> Solutions already exist. For **SVG maps** one can just draw the border inside the file. Example: [Map_of_Iceland](https://echarts.apache.org/examples/data/asset/geo/Map_of_Iceland.svg) has already a blue border replace line `<path fill="#80ADD1" stroke="#306799" stroke-width="3" d="M1.5,1487.344V1.5h1831.289v1485.844H1.5z"/>` with `<path fill="#80ADD1" stroke="#FF0000" stroke-width="7" d="M1.5,1487.344V1.5h1831.289v1485.844H1.5z"/>` and the result will be the desired custom red border. > > For **geoJson maps** use _geo.itemStyle_ [borderWidth](https://echarts.apache.org/en/option.html#geo.itemStyle.borderWidth) and [borderColor](https://echarts.apache.org/en/option.html#geo.itemStyle.borderColor). in your example, change "stroke" change the border inside the svg, a real border doesn't override the content but must be around the element. Otherwise, some element on the map are hidden by the border. Moreover, In some case the svg must not be modified to keep its integrity. Ideally, it would be better echarts allows a feature to add a border a on map register by "registerMap". Otherwise I'm obliged to generate a graphic polyline and draw with coordinates of map and refresh graphic on every event given by "roam" (a lot of code for a simple border) -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected] --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
