It’s the Pocket PolyArc, for Google API Maps! ... with ZoomLock!

Updated 10/30/19   Image Toggling by scrollPlaceholder-mini-light.js.

The Pocket PolyArc creates extremely precise, pre-formatted 'polyarc' array-code for your Google API mere seconds!

And clean-up of errantly-placed map markers is a snap! Just click the 'Remove Marker and Code Line' button on the upper-right of your computer screen, and the last map marker that you’ve generated on the Google API Map will be removed from the map, along with the marker’s associated stretch of red 'polyarc,' and the marker’s pre-formatted 'latitude-longitude' array-code. It’s that easy!

The pre-formatted 'latitude-longitude' array-code for each marker is generated in the 'Pocket PolyArc PolyPocket' that appears on the right-hand-side of your computer screen when you start adding markers to the map.

If you need to remove more than one map marker (and that includes the marker’s stretch of red 'polyarc' on the map, and associated pre-formatted 'latitude-longitude' array-code), keep clicking the 'Remove Marker and Code Line' button until you are satisfied with your polyarc’s course.

In order to create a “polyarc” using the Pocket PolyArc, it would be helpful to familiarize yourself with the Pocket PolyLine 2 polyline maker ... and with its instructions.

The Pocket PolyArc is basically the Pocket PolyLine 2 with additional features added that allow you to easily plot a curved polyline, or “polyarc.”

Here is a list of Pocket PolyArc features, that can be accessed from the 'LPanel' (Location Panel) interface-box on the left side of the Pocket PolyArc Google map display:

All “readable” latitude/longitude input boxes can have their values manually changed by the entering of latitude/longitude coordinates in Decimal degrees format. All input boxes, except the “Group Lat” and “Group Lng” input boxes, can also have their values changed by “dragging” the “A,” “B,” and/or “V” marker-icons across the Google map with your cursor. The “Group Lat” and “Group Lng” input boxes remain at the values present when the page was loaded, or at the values present after you have clicked the “Update Map/Clear PolyPocket” button, or the yellow “U” button, or the blue “GR” button—and represent the initial center of the Google map after either of these two actions has occurred—and remain at those initial values for reference purposes.

Before you plot a polyarc path, you can adjust the size and location of the faded-white circle on the Google map in relation to the two yellow polylines on the map until you find an arc-shape to your liking, and then you can plot your polyarc course along the outer edge of the faded-white circle. The “radius” of the faded-white circle can be manually changed from the “Circle Radius” input box (by entering a new “radius” value into the “Circle Radius” input box (in meters), and then clicking outside of the “Circle Radius” input box)—as well as by “dragging” with your cursor any of the four-cornered “white dots” you will see along the faded-white circle’s circumference.

You may enter a map “zoom level” manually into the “Map ZL” input box in the “Markers” section, and then click outside the “Map ZL” input box, to update the Google map...preferably when the PolyPocket is empty, as any code in the PolyPocket is cleared whenever the “Update Map/Clear PolyPocket” button (or the yellow “U” button in the “Polys” section, or the blue “GR” button in the “Group” section) gets clicked.

You may also change the map’s “zoom level” using the Google “+” and “-” zoom controls in the lower-right of your device screen. The “Map ZL” input box in the LPanel will be automatically updated whenever you use these Google map zoom controls.

After you have generated a sufficient amount of polyarc array-code in your Pocket PolyArc PolyPocket, 'copy' that polyarc array-code and 'paste' it within the 'polyarcOneRoute' polyarc-array variable brackets found in this sample pocket_polyarc_mo_test_file.html test file.

Here is a 'txt' file (pocket_polyarc_mo_test_file.html.txt) with the code from the 'pocket_polyarc_mo_test_file.html' file above, that you can “copy-and-paste” into your text editor, and then 'Save' as [ pocket_polyarc_mo_test_file.html ].

[The 'pocket_polyarc_mo_test_file.html.txt' file contains 'comments' that will explain how to create a “polyarc-polygon” using your existing polyarc code.]

Once you have pasted the polyarc array-code within the 'polyarcOneRoute' polyarc-array variable, you can click the 'Update Map/Clear PolyPocket' button, or yellow “U” button, or blue “GR” button to clear the polyarc array-code from the PolyArc PolyPocket—and the Google API Map will automatically re-center itself at the 'latitude' and 'longitude' of the last marker that was listed in the PolyArc PolyPocket. The red marker displayed in the center of the Google API Map will represent these last 'latitude-longitude' coordinates.

You can now continue clicking the little yellow markers onto your Google map, that adds their associated pre-formatted 'longitude-latitude' array-code to the Pocket PolyArc PolyPocket—from where you left off.

Note: The HTML/PHP-code for the Pocket PolyArc web page can be found here:

Pocket PolyArc HTML/PHP-code. Save the file as [ pocket_polyarc_mo_file_code.php ].

Note-2: See the website below,,

for details on how to set up the free 'XAMPP Apache distribution' on your computer, that will allow you to view and work with the Pocket PolyArc test file linked-to above directly on your computer.

The array-code in the Pocket PolyArc PolyPocket has been pre-formatted for pasting within the 'polyarcOneRoute' polyarc-array variable. And, under certain conditions, you will have to remove the last 'comma' at the end of the last array code-line that you have just copied from the Pocket PolyArc PolyPocket and pasted within the 'polyarcOneRoute' polyarc-array variable:

The Conditions: If you are adding array-code to an 'empty' polyarc-array variable, or are tacking the array-code to the end of existing array-code within the polyarc-array variable, you should remove the last 'comma' at the end of the last array code-line of the newly entered code—because some browsers will warn that a 'Script error' has occurred if the 'comma' is left at the end of the last polyarc array code-line. (Be sure to add a 'comma' to the previous 'last' code-line within the polyarc array—that you had removed earlier—when tacking on additional array-code, as that array code-line is no longer the 'last' array code-line in the array. The 'Google API Map' will not display on your device screen if you forget to add that 'comma' back.)

The Exception: You should not remove the 'comma' at the end of the last array code-line if you are adding new array-code somewhere in the middle of existing array-code in the 'polyarcOneRoute' array—that you might do, for example, when augmenting the polyarc mid-path as part of a correction you are making.

Here is a W3Schools Google API Tutorial that explains the processes written about here.

And here is a more detailed Google Developers API Tutorial about Google API Maps.

Continue to Example 1
To Home Page   To Top of Page