Home/ Questions/Q 936187
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T21:16:24+00:00

I’ve been given some encoded polylines to display on a google map. However I’m

  • 0

I’ve been given some encoded polylines to display on a google map. However I’m using JQuery for a lot of the front end functions and am now stuck trying to find the correct syntax for displaying encoded polylines using JQuery. The standard syntax for adding an encoded polyline is

var polyline = new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 4,
  opacity: 0.8,
  points: "_gkxEv}|vNM]kB}B}@q@YKg@IqCGa@EcA?c",
  levels: "P@B@D??@@?D?CA?B",
  zoomFactor: 2,
  numLevels: 18
});
map.addOverlay(polyline);

Obviously this doesn’t work with JQuery. to add a normal polyline with JQuery you’d use

new google.maps.Polyline({
            path: stationPathCoordinates1,
            strokeColor: "#20B5B3",
            strokeOpacity: 1.0,
            strokeWeight: 4

Where StationPathCoordinates is the array of long and lats. I now have this array in an encoded polyline. I assumed it may be new google.maps.Polyline.fromEncoded but this doens’t work. Anyone know the syntax for this in JQuery or if it even possible?

Thanks in advance

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    As @belugabob pointed out already, there shouldn’t be any reason for conflicts with jQuery in general while using APIs like the Google Maps JavaScript API.

    That said, and without seeing a full example, I can only deduce the following:

    So in case you need to maintain using encoded polylines you have two options:

    1. Continue to use the V2 API, which implies making your first code fragment work as it should; you’ll need to provide more details then for us to figure out what’s wrong with your code (as jQuery is most likely not to blame here!), two points upfront though:

      • Best guess: the API version mix and your comment regarding belugabobs question is suggesting that you might simply be missing some or including the wrong dependencies!

      • Another observation: at least according to the Interactive Polyline Encoder Utility the encoded points and levels in your first code fragments do not match.

    2. Upgrade to the V3 API, which implies decoding your encoded polylines to an Array or MVCArray of LatLng. I’m not aware of an official example, but for a starting point you could look into Esas answer within the Encoded polylines? thread, which is pointing towards thedecodeLine() function in the Google Polyline Utility source code as well as a sample decoder.

    Good luck!

    • 0