谷歌地图折线解码不正确

时间:2017-11-06 13:34:54

标签: javascript google-maps

我使用谷歌地图API在谷歌地图上显示折线。

在这个小提琴下面,折线显示在地图上,但它与从谷歌Polyline Encoder Utility解码的实际折线略微偏移(为了显示它,你必须复制/将encoded_data变量从小提琴粘贴到编码折线textarea)。

function initialize() {
    var map = new google.maps.Map(document.getElementById('map-canvas'), {
        center: {
            lat: 55.570,
            lng: 9.000
        },
        zoom: 10
    });
    var encoded_data = 'qikrIehwu@WOKEIAIBGN?RAj@@f@?RGVO`NOhOSvQSdTUxUUbVUhVCdCEfC{@rUe@`LCt@KjDC`@NPfBl@nA\dH`@nFTh@BdDVPBb@LNJLNHPLn@B\NFNAlB_@^EjAKnAArABjIx@fGr@jG`AtHhAlIrArJxAvKbBhLfBnLdBhLjBxLfB|LnBxLjB`LbBlLdBfL~@hKv@lKn@vKx@lK\|Jd@dADfO[lL]pLWrLY~L_@~LWlABtHx@xOzEjAf@vCxAlCjBjCfC`CxChFrJfBrEzA`FxG~XtEvSlElRZvAXhAtApEDNDHHDLAFSFUFMLMLUDKBO@OB_@?Q?YC[GUOg@I_@COUy@M[MKMG?OEQAOCVPoALsA@QHa@JIDSKO';
    var decode = google.maps.geometry.encoding.decodePath(encoded_data);
    var line = new google.maps.Polyline({
        path: decode,
        strokeColor: '#00008B',
        strokeOpacity: 1.0,
        strokeWeight: 4,
        zIndex: 3
    });
    line.setMap(map);
}
initialize();

谢谢

小提琴:http://jsfiddle.net/upsidown/g391fmaw/

0 个答案:

没有答案