{"id":81271,"date":"2025-06-13T11:11:08","date_gmt":"2025-06-13T11:11:08","guid":{"rendered":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/13\/advance-route-planner-api-ver-7-0\/"},"modified":"2025-06-13T11:12:17","modified_gmt":"2025-06-13T11:12:17","slug":"advance-route-planner-api-ver-7-0","status":"publish","type":"post","link":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/13\/advance-route-planner-api-ver-7-0\/","title":{"rendered":"Advance Route Planner API Ver 7.0"},"content":{"rendered":"<\/a>\n<\/p>\n

LIVE PREVIEW<\/a>BUY FOR $22<\/a><\/p>\n

<\/p>\n

A) Particulars<\/strong> – high<\/h3>\n

Advance Route Planner is a A to B RoutePlanner software written in Pure Javascript with Google Map Ver. 3 API<\/strong>. it have very advance options like : <\/p>\n


\n1) Added Climate layer on Google Map with OpenWeather APi
\n2) Added Transit Calculator
\n3) Added Place Search in all location textboxes.
\n4) Mounted Bugs.
\n5) Gasoline Calculator.
\n6) Sorting of Areas.
\n7) Added Assist Part.
\n\"8)\" Distance Unit Choice Added.
\n9) Optimized CSS, JS to reduce web page load.
\n10) Site visitors Layer Added.
\n11) Search Field for Close by Location.
\n12) Auto Location Detection.
\n13) Added Google Close by Locations.
\n14) Now you may add a number of Waypoints
\n15) Get Shortest Route from A number of Waypoints
\n16) Get Journey \/ Tour Value by Value Calculator
\n17) Convert KM to Miles simply
\n18) Responsiveness.
\n19) Google Adsense.
\n20) Drag-able Route, modify route as per your requirement.
\n21) Share ready Hyperlink Generator.
\n22) Print button.
\n23) Change Google Map Language.
\n24) Repair your beginning \/ ending level with ease and get correct Route Instructions in particulars through Google API.
\n<\/strong><\/p>\n

This software may be simply connected to any current Tasks. <\/p>\n

when you have any question you may contact us any time at my profile page or raise ticket.<\/a><\/p>\n

\"B)\" The way to Use<\/strong> – high<\/h3>\n

Extract all of the recordsdata kind the zip. The file you could embody Google API Javascript together with routeplannerapi.js.<\/strong><\/p>\n

In the event you wished to put in the plugin in your web site please observe beneath after establishing above settings<\/strong> <\/p>\n

\n embody beneath libraries <\/p>\n

\n<script src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?v=3.exp\"><\/script>\n<script sort=\"textual content\/javascript\" src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?libraries=adsense\"><\/script>\n<script src=\"js\/routeplannerapi.min.js\"><\/script>\n<\/pre>\n<\/p>\n
Arrange Type, to get Beginning and Ending Location and name calcRoute(); operate on button submit as beneath :<\/strong> <\/p>\n
\n<kind class=\"form-inline\" function=\"kind\">\n\n<div class=\"form-group\">\n<label class=\"sr-only\" for=\"begin\">Beginning Location :<\/label>\n<enter sort=\"textual content\" class=\"form-control\" id=\"begin\" placeholder=\"Enter Beginning Location\">\n<\/div>\n\n<div class=\"form-group\">\n<label class=\"sr-only\" for=\"finish\">Vacation spot Location :<\/label>\n<enter sort=\"textual content\" class=\"form-control\" id=\"finish\" placeholder=\"Enter Vacation spot Location\">\n<\/div>\n\n<div class=\"form-group\">\n<choose class=\"form-control\" id=\"mode\" identify=\"mode\">\n<possibility worth=\"DRIVING\">Driving<\/possibility>\n<possibility worth=\"WALKING\">Strolling<\/possibility>\n<possibility worth=\"BICYCLING\">Bicycling<\/possibility>\n<possibility worth=\"TRANSIT\">Transit<\/possibility>\n<\/choose>\n<\/div>\n\n<button sort=\"button\" class=\"btn btn-success\" onClick=\"calcRoute();\">Get Route<\/button>\n<\/kind>\n   <\/pre>\n<\/p>\n
Add Google Map Div and Google Route Div within the Web page as beneath<\/strong> <\/p>\n
\n<div id=\"map-canvas\" \/>\n<div id=\"directionsPanel\" \/>\n<\/pre>\n<\/p>\n
Thats it ! you’re good to go if you wish to do any modifications please observe beneath directions :<\/strong> <\/p>\n
\nvar _ZNRPL = {\nlatitude : 41.850033,\nlongitude : -87.6500523,\nbegin:\"\",\nfinish:\"\",\nadsense:true,\npublisherid:\"ca-google-maps_apidocs\",\nadformat : \"BANNER\",\nadposition : \"RIGHT_BOTTOM\",\nadbackgroundColor: '#c4d4f3',\nadborderColor: '#e5ecf9',\nadtitleColor: '#0000cc',\nadtextColor: '#000000',\nadurlColor: '#009900'\n};\n<\/pre>\n<\/p>\n
You may set the variables, as per your requirement like beneath :<\/strong> <\/p>\n
You may set your middle location when web page load by offering latitude and longitude of your location.<\/strong><\/p>\n
\nlatitude : 41.850033,\nlongitude : -87.6500523,\n<\/pre>\n<\/p>\n
You may setup your beginning or ending location as beneath<\/strong> <\/p>\n
\nbegin:\"Chicago\",\nfinish : \"New York\",\n<\/pre>\n<\/p>\n
You may allow or disable Google Adsense as beneath<\/strong> <\/p>\n
\nadsense:true,\n<\/pre>\n<\/p>\n
If adsense is allow you need to set your writer id as beneath<\/strong> <\/p>\n
\npublisherid:\"ca-google-maps_apidocs\",\n<\/pre>\n<\/p>\n
If adsense is allow you need to set Kind of Banner Format as beneath<\/strong> <\/p>\n
\nadformat : \"BANNER\",\n<\/pre>\n<\/p>\n
As per Google Adsense, Banner Format may be :<\/strong><\/p>\n
    \n
  • LEADERBOARD<\/code> creates a completely horizontal show space.<\/li>\n
  • BANNER<\/code> creates a horizontal “banner” advert.<\/li>\n
  • HALF_BANNER<\/code> creates a smaller horizontal “banner” advert.<\/li>\n
  • SKYSCRAPER<\/code> creates a big vertical advert.<\/li>\n
  • WIDE_SKYSCRAPER<\/code> creates a large vertical advert utilizing bigger
    \n    sort.<\/li>\n
  • VERTICAL_BANNER<\/code> creates a medium-sized vertical advert.<\/li>\n
  • BUTTON<\/code> creates a small advert.<\/li>\n
  • SMALL_SQUARE<\/code> creates a barely bigger sq. advert.<\/li>\n
  • SQUARE<\/code> creates a big sq. advert with giant sort.<\/li>\n
  • SMALL_RECTANGLE<\/code> creates a small rectangular advert.<\/li>\n
  • MEDIUM_RECTANGLE<\/code> creates a medium rectangular advert.<\/li>\n
  • LARGE_RECTANGLE<\/code> creates a big rectangular advert.<\/li>\n
  • SMALL_VERTICAL_LINK_UNIT<\/code> creates a small vertical hyperlink
    \n    unit.<\/li>\n
  • MEDIUM_VERTICAL_LINK_UNIT<\/code> creates a medium vertical hyperlink
    \n    unit.<\/li>\n
  • LARGE_VERTICAL_LINK_UNIT<\/code> creates a big vertical hyperlink
    \n    unit.<\/li>\n
  • X_LARGE_VERTICAL_LINK_UNIT<\/code> creates an additional giant vertical
    \n    hyperlink unit.<\/li>\n
  • SMALL_HORIZONTAL_LINK_UNIT<\/code> creates a small horizontal hyperlink
    \n    unit.<\/li>\n
  • LARGE_HORIZONTAL_LINK_UNIT<\/code> creates a big horizontal hyperlink
    \n    unit.<\/li>\n<\/ul>\n
    If adsense is allow you need to set Place of Banner as beneath<\/strong> <\/p>\n
    \nadposition : \"RIGHT_BOTTOM\",\n<\/pre>\n<\/p>\n
    As per Google Adsense, Banner Place may be :<\/strong><\/p>\n
      \n
    • TOP_CENTER<\/code> signifies that the adunit ought to be positioned
      \n    alongside the highest middle of the map.<\/li>\n
    • TOP_LEFT<\/code> signifies that the adunit ought to be positioned alongside
      \n    the highest left of the map, with any sub-elements of the management “flowing”
      \n    in direction of the highest middle.<\/li>\n
    • TOP_RIGHT<\/code> signifies that the adunit ought to be positioned alongside
      \n    the highest proper of the map, with any sub-elements of the management “flowing”
      \n    in direction of the highest middle.<\/li>\n
    • LEFT_TOP<\/code> signifies that the adunit ought to be positioned alongside
      \n    the highest left of the map, however beneath any TOP_LEFT<\/code> components.<\/li>\n
    • RIGHT_TOP<\/code> signifies that the adunit ought to be positioned alongside
      \n    the highest proper of the map, however beneath any TOP_RIGHT<\/code>
      \n    components.<\/li>\n
    • LEFT_CENTER<\/code> signifies that the adunit ought to be positioned
      \n    alongside the left aspect of the map, centered between the TOP_LEFT<\/code>
      \n    and BOTTOM_LEFT<\/code> positions.<\/li>\n
    • RIGHT_CENTER<\/code> signifies that the adunit ought to be positioned
      \n    alongside the correct aspect of the map, centered between the
      \n    TOP_RIGHT<\/code> and BOTTOM_RIGHT<\/code> positions.<\/li>\n
    • LEFT_BOTTOM<\/code> signifies that the adunit ought to be positioned
      \n    alongside the underside left of the map, however above any BOTTOM_LEFT<\/code>
      \n    components.<\/li>\n
    • RIGHT_BOTTOM<\/code> signifies that the adunit ought to be positioned
      \n    alongside the underside proper of the map, however above any BOTTOM_RIGHT<\/code>
      \n    components.<\/li>\n
    • BOTTOM_CENTER<\/code> signifies that the adunit ought to be positioned
      \n    alongside the underside middle of the map.<\/li>\n
    • BOTTOM_LEFT<\/code> signifies that the adunit ought to be positioned
      \n    alongside the underside left of the map, with any sub-elements of the management
      \n    “flowing” in direction of the underside middle.<\/li>\n
    • BOTTOM_RIGHT<\/code> signifies that the adunit ought to be positioned
      \n    alongside the underside proper of the map, with any sub-elements of the management
      \n    “flowing” in direction of the underside middle.<\/li>\n<\/ul>\n
      If adsense is allow you need to set Colours Scheme of Banner as beneath in hex format<\/strong> <\/p>\n
      \nadbackgroundColor: '#c4d4f3',\nadborderColor: '#e5ecf9',\nadtitleColor: '#0000cc',\nadtextColor: '#000000',\nadurlColor: '#009900'\n<\/pre>\n<\/p>\n
      \n