2017-02-23 218 views
-1

Я попытался преобразовать этот образ SVG Stockholm City border SVG (граница города Стокгольма) в Google map Polygon.SVG to Google Map Polygon

Но окончательный полигон не в порядке. Существует код:

var width = 735, // width of SVG 
 
height = 682; // height of SVG 
 

 
function toLongitude(x) { 
 
    return x/height + 18.0780778; 
 
} 
 

 
function toLatitude(y) { 
 
    return y/width + 59.3325755; 
 
} 
 

 

 
function onLoad() { 
 
    // The SVG path; 
 
    var path = "M735.4,682.4 l0-1.2-0.2-2,0-2.5l1.5-2.9,0.3-6,1.3-9l0.9-2.8,0.1-5.8,0.7-8.8 l0.6-3.3,0.3-6.8,0.9-10.2l0.4-2.4-0.5-4.9,0.8-7.2l-0.6-3.1,0.7-5.7,2.7-8.1l0.4-0.5,0.6-1.2,0.9-1.9l-2.8,0.2-5.2,0.2-7.7,0.6 l-4.1,0.7-8.2,1.4-12.2,2.5l-0.8,0.2-2.1,0.4-2.7,0l-1-0.7-2.2,0-2.8-0.4l-1.8-2.1-3.6-3.9-4.9-5.9l-0.8-1.2-2.3-2.1-2.3-3.9 l0-1.2-1.1-2.5-1.6-3.4l-2-0.9-3.9-1.8-5.8-2.7l1-3.2-2-6.3,0-9.5l-2.7-3.5-2-7.5-2.1-11.4l1.5-1.2,0.6-2.7,0.7-4.1 l0.1-1.4,0-2.9,0-4.1l-9-2.7-17.7-5.3-26.3-7.9l-0.3-0.1-0.5-0.5-0.8-0.7l-0.7-3.6,0.7-7.3-0.8-10.7l0.4-1,0.8-2,1.2-3 l-0.1-0.1-0.6-0.4-0.6-0.6l0.5-2.9,1.2-5.8,2.2-8.4l-1.8-2.5-3.5-4.8-5.2-7.1l-0.7-1-1.5-1.9-2.3-2.9l-0.9-1-2-1.9-2.5-3.1 l-0.5-1.3-1.8-1.5-2.7-2.3l-4.1-3.7-7.8-7.7-12.4-10.8l-2-1.4-3.6-3.3-5.5-5l-2.1-1.8-3.9-3.9-6.4-5.3l-1.4-0.8-2.7-2.3-3.4-3.7 l-1.6-3.3-2.5-6.9-3.8-10.4l-0.6-1.5-0.6-3.1-0.8-4.2l4.7-6,8.4-12.1,12.5-17.8l0.3-0.5,0.6-1,0.9-1.8l-1.1,0.2-1.8,0.4-2.5,0.6 l-1.5,0.3-2.7-0.6-4.1-0.6l-2.9-0.1-5.9-0.1-8.8,0l-0.6,0-1.3,0.5-1.8,0.7l-2.8-1.4-6.4-1.1-9.1-3.4l1.1-0.7,1.8-1.2,2.7-1.8 l0-0.6,0-1.3,0-2.5l0.5-0.4,1.3-1.1,2-1.6l-0.4-2.1-1-4.2-1.2-6.3l-0.2-2.3,0-4.7,0-6.7l-0.9-1.3-1.6-2.3-2.4-3.2 l-0.7-0.9-1.2-2.1-2.1-2.5l-2.5-1-2.8-2.9-3-4.8l-0.8-1.3-3.4-0.9-2.7-3.4l1.9-1,2.1-4,4.8-4.6l0.7-2.3,1.3-4.4,1.9-6.5 l1.7,0,3.1,0,4.6,0l2.2,0.1,4.3,0,6.3-0.7l1.4-0.4,2.8-1.1,4.2-1.3l1.2-0.1,2.6-0.3,3.9,0.3l1,0.4,2.4,0.4,3.4,0.1 l2.7-0.8,5.2-1.9,6.9-3.6l1.4-0.3,2.6-0.3,3.7-0.7l1.2-0.6,2.6,0.4,3.8-0.6l0.5-0.4,2-0.5,2.3-0.1l1.4,1.3,3.2,0.2,4.7,1.1 l1.3,0.8,3.4,0.5,5.1,0.8l2.6,0.5,5.1,1.3,7.7,2l4.7-2.7,10.4-4,14.5-7.7l0-0.8-0.2-1.4,0-1.9l1.5-3.4,2.6-6.9,3.9-10.4 l0.4-1,0.4-1.8,0.4-2.1l-1.4-2.4-2.5-4.3-3.7-6.2l0-4.4,0-8.9,0-13.3l-5.1-4.7-10.1-9.3-15.2-13.9l-4.2-3.9-8.3-7.8-13-11.2 l-0.5-0.4-1.2-0.7-1.8-1l-1-0.5-2.1-0.9-3-1.5l-4.1-2.4-8.2-4.6-12.4-6.7l-1-0.5-2-1.2-2.8-1.9l-1.9-1.6-2.9-3.8-4.2-5.8 l-4.2-6-8.5-12-12.5-18.3l-0.8-1.2-1.8-2.2-2.7-3.3l-0.4-2.6-0.7-5-1.1-7.5l-0.6-1-1-2.1-1.7-3l-3.1-3.6-6.2-7.1-9.4-10.7 l-2.2-2.5-4.7-4.9-6.7-7.6l-1-1.4-2.2-2.6-3.5-3.7l-1.4-1.2-3.5-1.2-5.2-1.5l-4.5-0.8-8.9-2.5-13.5-2.8l-0.7-1.3-2.3-0.3-3.3-0.9 l-1-0.7-2.2-1.1-3.2-1.8l-1.1-0.8-2.1-1.9-3.2-2.7l-1.9-1.4-4-2.7-6.1-4.1l-2.6-0.2-5.5-0.2-8.3-0.8l-1.3-0.3-2.5-0.4-3.8-0.6 l-1.4-0.2-2.8-0.7-4.1-0.6l-3.6,0.1-7.1-1.2-10.7-0.7l-0.2,0-0.5,0-0.7,0l-4.3-0.9-5.5-0.9-8.6,0l-1.1,0.3-2.2,0.6-3.4,1 l-0.4,1-1.6,2.3-0.7,3.4l0.9,1.2,0.2,2.3,0.6,3.4l-2.2,1.7-4.7,2.2-7.2,2.5l-0.2,1-0.4,2-0.7,3.1l2.3,3.8,4.1,8.2,7.1,12 l0.4,0.6,0.5,1.4,0.8,2.1l1.6,4.8,3.5,9.5,5,14.3l1.1,3.4,3.1,6.8,2.3,10.6l-0.7,2.5-3.8,2.8-4.9,4.6l-0.4,2.9-0.7,5.6-1.1,8.5 l-1.9,0.8-0.2,4.7-4,4.2l-0.4-0.9-0.9-1.7-1.4-2.9l-0.7,0.3-1.5,0.4-2.1,0.8l-2.3,1.5-4.3,3.4-6.7,4.7l-2.8,1.5-4.9,3.7-6.9,5.9 l-1.8,2-3.3,4.2-5,5.8l-0.4,2-0.9,3.7-1,5.4l-0.2,1.9,0.2,3.9-0.1,5.7l-0.2,1.3-1,2.5-1.4,3.5l-0.9-0.3-1.4-0.5-2-0.6 l-2-0.1-3.9,0-5.9,0l-2.8-0.1-5.2-0.9-7.1-2.6l-4.4-0.7-8.7-0.8-12.8-2.2l-1.6,0.7-3.1,1.4-4.7,2.1l-1.5,0.6-2.9,1.9-4.9,1.3 l-0.6-0.6-1.1-1.3-1.8-1.6l-2.7-1.4-4.8-3.5-7.1-5.3l-4-3.2-8.4-5.6-13.4-7.2l-1-0.3-2.1-0.7-2.6-1.5l-1.6-2.3-2.9-4.8-4.3-7.2 l-1.2-0.6-2.1-1.4-3.1-2.2l-1.1-0.8-2.3-1.5-3.3-2.4l-3.1-3-6.1-6-9.1-9.1l-0.6-0.7-1-1.7-1.2-2.6l-1.3-4.9-3.5-9.5-5.9-14 l-0.7-1.2-1.9-2.3-2.1-3.6l-0.3-2.1-1.6-3.3-3-4.6l-1.2-1.1-2.5-2.2-3.6-3.4l-1.1-1.2-2.7-2-3.8-3.2l-1-1.1-2.4-1.9-3.7-2.9 l0.3-0.3,0.5-0.5,0.8-0.9l-2.7-1.4-5.2-2.8-7.9-4.3l-0.4-1.1-0.7-2.3-1.1-3.5l-0.8-1.1-1.5-2.2-2.5-3.1l-1-0.9-2.1-1.8-3.3-2.4 l-2.1-1.1-3.9-2.6-6.3-3.1l-3.8-0.7-7.3-1.8-9.4-5.2l-0.3-0.6-1.3-0.8-2.2-1.4l0.6-1,1.2-2,1.7-2.9l-0.5-1-1.1-1.9-1.5-2.7 l2.4-6.3,2.4-6.4,6.8-9.1l0.3-0.2,0.7-0.1,1-0.3l1.8-1.5,3.4-2.9,3.5-5.4l0.1-2,0.7-4,1.4-5.8l0.6-1.5,1.6-2.7,2.6-4.3 l0.6,0,1.4,0,1.6,0l1.8-1,3.1-1.7,4.5-2.4l0.1-0.2,0-0.6,0.2-0.8l4.4-4.3,6.7-9.6,8-15.2l0.7-3,1.5-5.9,3.2-8.6 l1-1.6,2.2-3.2,3.1-4.9l0.7-1.4,1.8-2.5,3.3-3.3l2.7-1.4,5.4-2.8,7.9-4.1l1.1,0.4,2,1.3,3.2,0.3l0-0.7,0-1.4,0-2.1 l3.5-1.6,6.9-3.1,10.6-4.7l0.6,0.8,1.1,1.4,1.7,2l0.3,0.3,0.9,0.4,1.4,0.5l-5.6-5.6-11.5-10.7-17.3-15.8l-0.1-0.1-0.2-0.2-0.3-0.2 l-2.8-1.8-5.5-3.8-8-6l-1.6-1.4-3.7-2.3-5.3-3.8l-2.6-2.4-6-3.8-8.9-5.7l-6.1-4.1-11.7-8.6-17.2-13.2l-0.9-0.7-1.9-1.3-2.8-1.9 l-0.6,0.5-1.2,1-1.9,1.6l-4.2-3.5-7.3-7.6-10.2-11.8l-1.3-1.9-2.9-3.9-2.2-6.5l-2.6-2-5-4-7.7-6.1l0.6-1.9,1-3.9,1.8-5.8 l1.3-3.2,1.6-6.8,3.6-9.8l0.7-1.1,0.6-2.6,0.9-4l-1.9-1.6-3.7-3.1-5.3-4.4l-1.6,0-2.8,0-4.1,0l-0.3-0.3-0.7-0.6-1.1-1 l0-0.6,0-1.3,0-1.7l-1.3-2.4-3.7-2.5-5.8-3.2l-0.1,0.4-0.2,0.7-0.4,1.2l-1.8-0.2-3.5-0.5-4.9-1.7l0-1.2,0-2.3,0-3.4 l-0.6-0.9-1.2-1.7-1.7-2.4l-1.4,0-2.6,0-3.9,0l-2.1,2.2-4.3,4.4-6.4,6.7l-0.2,0.2-0.3,0.6-0.5,0.8l-1.7,2.6-2.6,5.3-2.2,8.3 l0.2,1.9-0.5,3.4-2,4.6l-0.6,0.5-1.4,0.9-2.1,1.4l0.2,0.1,0.4,0.3,0.5,0.4l-0.3,1.5-0.7,2.9-1.1,4.6l0.9,0.6,1.7,1.3,2.4,1.8 l0,0.9,0,1.6,0,2l2.1,2.4,4,4.7,5.9,7l-1.9,1.4-3.6,2.7-5.3,4l0.9,0.9,1.7,1.6,2.3,2.4l0.8,0.8,1.5,1.7,2.3,2.6 l-0.4,1.9,0.5,3.8,0.6,5.7l0.3,4.7,2.4,8.8,5.2,12.6l0,0.6,0,1.1,0,2l-0.7,0.5-1.5,1.1-2.4,1.8l-0.2,2-0.2,4-0.6,5.9 l-0.3,1.3-0.6,2.6-1.6,3.8l-1.8,2.2-3.7,4.4-4.7,7l-1,2.4-2.7,4.3-4.5,6l-3.2,3.1-7.4,5.2-11.5,7.2l-1.2,0.6-2.6,0.7-3.8,1.5 l-1.6,1-3.4,1.3-4.8,0.1l-1.6,1.4-3,2.7-4.4,4l1.3,2.6,3.8,4.6,6.1,6.7l1.2,1.1,2.2,2.2,1.8,4.4l-1,0.8-2.7,1.7-3.5,2.9 l-0.9,1.5-2.5,2.4-3.6,3.9l-1.2-0.7-2-2.4-3.5-1.6l-0.9,2.3-1.5,4.6-2.7,6.6l-1.3,2.2-2.8,4.3-4.7,6l-1.6,1.5-3,3.1-4.3,4.8 l-1.6,0.2-3.3,0.4-4.8,0.8l-2.7,0.7-5.4,1.2-7.3,3.4l-1.2,1.4-2.5,2.8-4.2,3.8l-3.9,2.3-6.6,5.6-9.3,9l-1.7,2-2.7,4.5-4.5,5.8 l-4.2,0.7-7.9,0.9-11.6,1l-3.9,0.1-7.3-1.7-11.1-1.5l0-1.3-0.4-2.7,0.1-3.5l0.9-1.3,0.4-2.6,0.6-3.8l0.2-1.3,0.6-2.5,0.7-3.8 l0.2-1.7,0.3-3.4,0.6-5.2l0.8-3.9,0.7-7.9,1-11.6l-0.6-0.6-1.3-0.9-1.5-1.4l-1.6-3.5-3.8-6.5-6.5-9.4l-0.7-0.8-1.4-1.8-1.7-2.7 l-0.9-3-0.8-3-3.6-5l0,1.9-1.7,1.8-2.9,2l-0.3,1.6-1.8,2.2-2.6,3.2l-0.9,1-1.6,2.1-2.6,3l-1.9,1.8-3.9,3.5-6.1,5.1 l-3.7,2.7-7,5.8-10.6,8.8l-0.4,0-0.9,0-1,0l-9.2-7.2-18.2-14.2-27.3-21.3l-8.4,6-16.6,11.8-24.7,17.6l0.2,0.4,0.4,0.9,0.5,1.4 l0.5,3,1.4,5.8,4.2,7.9l2.8,2.1,5.4,4.4,8.1,6.7l0.3,0.3,0.9,0.3,1.2,0.6l2.5,2.5,5.5,4.4,7.2,7.7l2.7,5.1,5.4,10.1,8,15.2 l1.7,3.4,3.6,6.7,5.4,10.1l1.4,2.6,2.6,5.3,4.2,8.5l-0.5,2.7,0.9,6-0.7,9.3l-0.2,0.3,0.1,0.8,0.2,1.2l1.1,3.3,2.3,6.6,3.4,9.9 l1.3,3.8,2.5,7.6,3.7,11.4l0.6,1.7,1.2,3.4,1.8,5.2l0.8-0.1,1.7,0.1,2.4-0.2l2.6-1.2,5.6-1,8.1-2.5l4.8-0.5,9.3-2.4,13.9-3.4 l1.5-0.3,2.9-0.8,4.2-0.6l4.5,3.6,8.9,7,13.2,10.4l-0.1,1.1,0.3,2,0.6,2.9l1.5,4.2,5.5,6.5,8.2,9.4l3.8-1.1,7.5-1.9,10.9-3.2 l2.5-1,4.2-0.4,6,1.1l1.5,1.3,3,2.6,4.7,3.6l2.8,1.7,5.4,3.8,8.2,5.5l2.5,1.6,4.8,3.4,7.3,4.9l2.2,1.3,4.5,2.9,5.9,4.8 l1.5,2.1,3.6,3.7,5.2,5.7l2.3,2.9,5.1,5.5,7.5,8.4l0.4,0.5,1.1,1.3,1.6,1.2l1.9-0.1,3.1,1.3,4.9,1.6l1.7,0.2,3.7,1,4.4,3.1 l0.5,1.4,1.7,2.5,2.8,4.1l4.4,1.1,8.4,3.4,11.2,6.9l2.6-0.8,4.9-1.5,7.2-2.2l5.9,5.4,11.7,10.8,17.5,16.1l0.6,0.6,1.1,1.3,1.8,1.6 l6.1,2.5,11.1,6.5,16.5,9.9l3,1.8,5.8,3.9,8.9,5.7l4.1,2.4,8.3,4.5,12.4,6.8l2.8,1.6,5.6,3,8,5l4,3.2,7.5,7,11.7,10 l3.9,2.9,6.3,6.9,9.2,10.6l-1.2,5.7-5.3,9.2-9.6,11.9l-4.6,0.7-8.6,1.3-12.6,1.9l-1,1.6-1.7,3.5-3.1,4.8l-1.5,1.4-3.7,2.1-5.4,3.1 l-1.6,0-3.1,0-4.6,0l-1.5,0-2.9,0-4,0l-1.2,0.8-2,1.5-2.8,2l-2.6,1.7-5.6,2.8-8.4,4.1l-2,0.9-3.9,1.7-6.1,2 l-1.7,0.2-3.6,0.5-4.9,1.4l-2.3,1.7-4.7,3.4-6.1,6l-1.7,3.3-3.3,4.5-6.7,6.1l-2.5,1.2-5.2,2.1-7.6,3.6l-1.5,1-3.6,1.3-5.8,2.2 l-0.5,0.7-1.5,1.5-2.4,2.6l-1.8,2.2-2.6,4.7-3.5,7.1l-1.2,3-2.6,4.5-5.2,4.8l-4,0.5-8,1.2-12,2l-4.1,0.7-8.2,1.5-12.3,2.3 l-0.3,3.8,1.2,7.5,0.7,11.3l0,0.3,0.4,0.6,0.4,0.8l0.1,2.2,0.5,4.5,0,6.5l-0.8,2.8-2.3,5.4-3.5,8.1l-0.6,1.3-1,2.5-1.5,3.8 l2,0.8,3.7,1.7,5.6,2.2l1.9,0.5,3.6,1.4,5.4,2.1l1.4,3.4,2.8,6.9,4,9.6l1.6,1.3,2.7,2.1,3.8,2.9l2.8-1.2,5-3,6.8-4.8 l2.7,0,5.2,0,7.6,0l0.1,0,0.2,0.1,0.4,0.3l0,0.9,0,1.9,0,3l1.9,0,3.7,0,5.4,0l0.4,1.7,0.8,3.2,1.2,4.7l2,0,3.7,0,5.5,0 l1.7-2.5,4.8-3,7.6-3.3l2.6-0.2,5.1-0.4,7.1-1.7l2.6-3.1,3.9-6.5,5.1-10l0.9-2.5,1.5-5,2.5-7.5l0.9-2.1,1.7-4.3,2.6-6.7 l0.1-0.1,0.3-0.5,0.6-0.5l2.2-0.5,3.4-1.9,4.6-3.5l3.5-4.7,8-8.4,13.8-10.8l2.7-1.1,5.4-2.2,8-3.4l3.2-1.4,6.2-3.1,9.4-4.4 l2.9-1.2,5.7-2.5,8.6-3.8l0.7-0.3,1.4-0.4,2-0.5l1.4,2.1-2.3,2.8-0.8,4.7l0.9-0.3,1.9-0.5,2.8-0.8l0.6,0.4,1,0.8,1.5,1.2 l-0.4,0.9-0.7,1.7-0.9,2.4l2.5,3.4,6.5,5.1,9.5,7.6l0.1,2.1,0.4,3.9,0.6,5.7l0.3,2.8-0.3,5.7-0.6,8.5l-1.4,1.3-0.1,3.1-0.8,4.4 l-0.8,1.5-0.6,3-0.6,3.9l0.8,1.8,1.3,3,2,4.6l4.5,1,4.8,5.1,6.3,8.3l1.7,0.3,2.5,1.5,3.1,2.7l0.4,0.1,0.7,0.2,1,0.3 l2.8,1,5,2.9,7.7,4.3l1.2,0.6,2.1,1.2,2.8,2.3l1.3,1.8,3,3.3,5.1,4.4l2.7,1.5,5.2,3.2,8,5l2,0,4.4,0,6.7,0l0.7,0,1.4,0,2.1,0.2 l2,0.7,4.1,1.3,6,2.1l5.6,2.3,11,4.9,16.7,7l4.1,1.5,6.7,4.6,10.5,6.8l1.7,0,3.7,0,5.8,0l0.7,0.8,1.4,1.6,2.3,2.7l0.5,0,1.3,0,2.3,0 l0,2.8,1.2,5.1,3.5,6.9l2.9,2.3,5.7,4.8,8.6,7.2l0.5,0.5,1,1,1.6,1.4l0.3,0.3,0.7,0.7,1.1,0.7l3,0.5,5.4,2.2,8.2,3.2 l5.8,2.1,11.4,4.6,17.1,7.1l1.1,0.5,2.1,0.8,3.5,0.5l0.9-1.1,1.9-2.2,3.1-3.7l5.5,5.9,10.7,11.5,16,17.1l-0.4,0.4-0.9,0.8-1.4,1.3 l1,2.1-1.4,4.2-0.3,6.6l1.2-0.6,2.2-1.2,3.2-1.7l0.1-1,0.2-1.8,0.3-2.6l0.7,0,1.2,0,1.9,0l0.3,0.6,0.6,1.3,1.1,1.9 l2.4,2.4,3.9,5.3,5.8,7.9l2.5,3.4,4.3,7.6,9.4,8.8l0.2,0,0.3,0.3,0.5,0.5l1.8,1.3,4.1,2.4,6.2,2.5l2.9,0.1,5.6,0.9,8.1,0.9 l8.7,3.8,17.1,7.5,26.1,9.5l0.5-1.8,0.9-3.3,1.2-4.5l5.5-2.5,10.7-4.9,15.9-7.3l0.4-1.2,0.8-2.5,1-3.4l1.1-0.5,1.8-0.8,2.5-1.1 l0.8-0.3,1.7-0.6,2.2-0.8l0.4-0.8,0.7-1.4,1-1.9l-1.2-1.9-1.3-4.3-2.9-6.1l-0.6-0.7-0.9-1.9-0.7-2.7l0.5-2.2,1.5-4.4,2.1-6.6 l0.3-1,0.3-2,1.5-2.2l1.3,0.6,2.6,1.1,4,1.7l0.8-0.9,1.5-1.7,2-2.4l0.6,0.4,1,0.6,1.3,0.8l2.1-1.5,4-2.9,5.7-4.2 l2.4,1.3,4.5,2.3,6.5,3.5l3.4,1.9,7,3.6,10.3,5.6l3.1,1.9,6.5,3,9.9,4.4l3.3,1.3,6.9,2.1,10.3,3.4l3.3,1.3,6.9,2.2,10.3,3.4 l4.9,1.7,9.7,3.5,14.7,4.9l0.3,0.8,0.6,1.6,0.9,2.4l0.3,1.2,1.2,1.8,2.4,2.2l4.6,1.7,9.3,3.4,13.9,5.1 C731.8,681.6,733.4,681.9,735.4,682.4z"; 
 

 
    var points = path.match(/(\d+)/g); 
 
    var mapOptions = { 
 
     zoom: 11, 
 
     center: new google.maps.LatLng(59.3325755, 18.0780778), 
 
     mapTypeId: google.maps.MapTypeId.TERRAIN 
 
    }; 
 
    var map = new google.maps.Map(document.getElementById("map"), 
 
            mapOptions); 
 

 
    // Map polygon coordinates 
 
    var polyCoordinates = []; 
 
    for (var i = 0; i < points.length; i += 2) { 
 
     var longitude = toLongitude(parseInt(points[i])), 
 
      latitude = toLatitude(parseInt(points[i + 1])); 
 
     console.log(latitude + ', ' + longitude); 
 
     polyCoordinates.push(new google.maps.LatLng(latitude, longitude)); 
 
    } 
 

 
    var polygon = new google.maps.Polygon({ 
 
     paths: polyCoordinates, 
 
     strokeColor: '#000000', 
 
     strokeOpacity: 1, 
 
     strokeWeight: 1, 
 
     fillColor: '#ffff99', 
 
     fillOpacity: 0.85 
 
    }); 
 

 
    polygon.setMap(map); 
 
}
#map{ 
 
\t height: 100 %; 
 
} 
 
html, body{ 
 
\t height: 100 %; 
 
\t margin : 0; 
 
\t padding : 0; 
 
}
<body> 
 
    <div id="map"></div> 
 
    <script src="https://maps.googleapis.com/maps/api/js?callback=onLoad" async defer></script> 
 
</body>

От SVG изображения Я извлек путь от пути id="City_border", удалить абсолютные координаты с самого начала и в конце пути SVG и заменить «с» с «L» (кривая к линиям).

Но я сделал что-то не так.

Любая идея?

+0

Тот же результат, если я с помощью «C» вместо «л» – sasa

ответ

0

Ваш код кажется не в порядке с полигона, Попробуйте это указывает:

<!DOCTYPE html> 
 
<html> 
 
<body> 
 

 
<svg height="1000" width="1000"> 
 
    <polygon points="735.400 682.400, 735.400 679.900, 736.700 670.900, 737.400 662.100, 738.300 651.900, 739.100 644.700, 741.800 636.600, 742.700 634.700, 735.000 635.300, 722.800 637.800, 720.100 637.800, 717.300 637.400, 712.400 631.500, 710.100 627.600, 708.500 624.200, 702.700 621.500, 702.700 612.000, 700.600 600.600, 701.300 596.500, 701.300 592.400, 675.000 584.500, 674.200 583.800, 673.400 573.100, 674.600 570.100, 674.000 569.500, 676.200 561.100, 671.000 554.000, 668.700 551.100, 666.200 548.000, 663.500 545.700, 651.100 534.900, 645.600 529.900, 639.200 524.600, 635.800 520.900, 632.000 510.500, 631.200 506.300, 643.700 488.500, 644.600 486.700, 642.100 487.300, 638.000 486.700, 629.200 486.700, 627.400 487.400, 618.300 484.000, 621.000 482.200, 621.000 479.700, 623.000 478.100, 621.800 471.800, 621.800 465.100, 619.400 461.900, 617.300 459.400, 614.300 454.600, 611.600 451.200, 616.400 446.600, 618.300 440.100, 622.900 440.100, 629.200 439.400, 633.400 438.100, 637.300 438.400, 640.700 438.500, 647.600 434.900, 651.300 434.200, 655.100 433.600, 657.400 433.500, 662.100 434.600, 667.200 435.400, 674.900 437.400, 689.400 429.700, 689.400 427.800, 693.300 417.400, 693.700 415.300, 690.000 409.100, 690.000 395.800, 674.800 381.900, 661.800 370.700, 660.000 369.700, 657.000 368.200, 644.600 361.500, 641.800 359.600, 637.600 353.800, 625.100 335.500, 622.400 332.200, 621.300 324.700, 619.600 321.700, 610.200 311.000, 603.500 303.400, 600.000 299.700, 594.800 298.200, 581.300 295.400, 578.000 294.500, 574.800 292.700, 571.600 290.000, 565.500 285.900, 557.200 285.100, 553.400 284.500, 549.300 283.900, 538.600 283.200, 537.900 283.200, 529.300 283.200, 525.900 284.200, 525.200 287.600, 525.800 291.000, 518.600 293.500, 517.900 296.600, 525.000 308.600, 525.800 310.700, 530.800 325.000, 533.100 335.600, 528.200 340.200, 527.100 348.700, 523.100 352.900, 521.700 350.000, 519.600 350.800, 512.900 355.500, 506.000 361.400, 501.000 367.200, 500.000 372.600, 499.900 378.300, 498.500 381.800, 496.500 381.200, 490.600 381.200, 483.500 378.600, 470.700 376.400, 466.000 378.500, 461.100 379.800, 459.300 378.200, 452.200 372.900, 438.800 365.700, 436.200 364.200, 431.900 357.000, 428.800 354.800, 425.500 352.400, 416.400 343.300, 415.200 340.700, 409.300 326.700, 407.200 323.100, 404.200 318.500, 400.600 315.100, 396.800 311.900, 393.100 309.000, 393.900 308.100, 386.000 303.800, 384.900 300.300, 382.400 297.200, 379.100 294.800, 372.800 291.700, 363.400 286.500, 361.200 285.100, 362.900 282.200, 361.400 279.500, 368.200 270.400, 369.200 270.100, 372.700 264.700, 374.100 258.900, 376.700 254.600, 378.300 254.600, 382.800 252.200, 383.000 251.400, 391.000 236.200, 394.200 227.600, 397.300 222.700, 400.600 219.400, 408.500 215.300, 411.700 215.600, 411.700 213.500, 422.300 208.800, 424.000 210.800, 425.400 211.300, 408.100 195.500, 407.800 195.300, 399.800 189.300, 394.500 185.500, 385.600 179.800, 368.400 166.600, 365.600 164.700, 363.700 166.300, 353.500 154.500, 351.300 148.000, 343.600 141.900, 345.400 136.100, 349.000 126.300, 349.900 122.300, 344.600 117.900, 340.500 117.900, 339.400 116.900, 339.400 115.200, 333.600 112.000, 333.200 113.200, 328.300 111.500, 328.300 108.100, 326.600 105.700, 322.700 105.700, 316.300 112.400, 315.800 113.200, 313.600 121.500, 311.600 126.100, 309.500 127.500, 310.000 127.900, 308.900 132.500, 311.300 134.300, 311.300 136.300, 317.200 143.300, 311.900 147.300, 314.200 149.700, 316.500 152.300, 317.100 158.000, 322.300 170.600, 322.300 172.600, 319.900 174.400, 319.300 180.300, 317.700 184.100, 313.000 191.100, 308.500 197.100, 297.000 204.300, 293.200 205.800, 288.400 205.900, 284.000 209.900, 290.100 216.600, 291.900 221.000, 288.400 223.900, 284.800 227.800, 281.300 226.200, 278.600 232.800, 273.900 238.800, 269.600 243.600, 264.800 244.400, 257.500 247.800, 253.300 251.600, 244.000 260.600, 239.500 266.400, 227.900 267.400, 216.800 265.900, 216.900 262.400, 217.500 258.600, 218.200 254.800, 218.800 249.600, 219.800 238.000, 218.300 236.600, 211.800 227.200, 210.100 224.500, 206.500 219.500, 203.600 221.500, 201.000 224.700, 198.400 227.700, 192.300 232.800, 181.700 241.600, 180.700 241.600, 153.400 220.300, 128.700 237.900, 129.200 239.300, 133.400 247.200, 141.500 253.900, 142.700 254.500, 149.900 262.200, 157.900 277.400, 163.300 287.500, 167.500 296.000, 166.800 305.300, 167.000 306.500, 170.400 316.400, 174.100 327.800, 175.900 333.000, 178.300 332.800, 186.400 330.300, 200.300 326.900, 204.500 326.300, 217.700 336.700, 218.300 339.600, 226.500 349.000, 237.400 345.800, 243.400 346.900, 248.100 350.500, 256.300 356.000, 263.600 360.900, 269.500 365.700, 274.700 371.400, 282.200 379.800, 283.800 381.000, 288.700 382.600, 293.100 385.700, 295.900 389.800, 307.100 396.700, 314.300 394.500, 331.800 410.600, 333.600 412.200, 350.100 422.100, 359.000 427.800, 371.400 434.600, 379.400 439.600, 391.100 449.600, 400.300 460.200, 390.700 472.100, 378.100 474.000, 375.000 478.800, 369.600 481.900, 365.000 481.900, 361.000 481.900, 358.200 483.900, 349.800 488.000, 343.700 4