Home / Premium Pro Plugins / Advance Route Planner API Ver 4.0

Advance Route Planner API Ver 4.0

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...Loading...



[GET] DOWNLOAD

A) Particulars – high

Advance Route Planner is a A to B RoutePlanner instrument written in Pure Javascript with Google Map Ver. three API. it have very advance options like :


1) Added Place Search in all location textboxes.
2) Fastened Bugs.
three) Gas Calculator.
four) Sorting of Places.
5) Added Assist Part.
6) Distance Unit Choice Added.
7) Optimized CSS, JS to attenuate web page load.
8) Visitors Layer Added.
9) Search Field for Close by Location.
10) Auto Location Detection.
11) Added Google Close by Locations.
12) Now you possibly can add a number of Waypoints
13) Get Shortest Route from A number of Waypoints
14) Get Journey / Tour Value by Value Calculator
15) Convert KM to Miles simply
16) Responsiveness.
17) Google Adsense.
18) Drag-able Route, regulate route as per your requirement.
19) Share in a position Hyperlink Generator.
20) Print button.
21) Change Google Map Language.
22) Repair your beginning / ending level with ease and get correct Route Instructions in particulars by way of Google API.

This instrument will be simply connected to any current Tasks.

if in case you have any question you possibly can contact us any time at my profile web page or increase ticket.

B) Find out how to Use – high

Extract all of the recordsdata type the zip. The file you’ll want to embrace Google API Javascript together with routeplannerapi.js.

Should you wished to put in the plugin in your web site please comply with beneath after organising above settings

embrace beneath libraries

<script src="https://maps.googleapis.com/maps/api/js?v=three.exp"></script>
<script sort="textual content/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=adsense"></script>
<script src="js/routeplannerapi.min.js"></script>

Arrange Kind, to get Beginning and Ending Location and name calcRoute(); perform on button submit as beneath :

<type class="form-inline" function="type">

<div class="form-group">
<label class="sr-only" for="begin">Beginning Location :</label>
<enter sort="textual content" class="form-control" id="begin" placeholder="Enter Beginning Location">
</div>

<div class="form-group">
<label class="sr-only" for="finish">Vacation spot Location :</label>
<enter sort="textual content" class="form-control" id="finish" placeholder="Enter Vacation spot Location">
</div>

<div class="form-group">
<choose class="form-control" id="mode" title="mode">
<choice worth="DRIVING">Driving</choice>
<choice worth="WALKING">Strolling</choice>
<choice worth="BICYCLING">Bicycling</choice>
<choice worth="TRANSIT">Transit</choice>
</choose>
</div>

<button sort="button" class="btn btn-success" onClick="calcRoute();">Get Route</button>
</type>
   

Add Google Map Div and Google Route Div within the Web page as beneath

<div id="map-canvas" />
<div id="directionsPanel" />

Thats it ! you’re good to go if you wish to do any adjustments please comply with beneath directions :

var _ZNRPL = 
latitude : 41.850033,
longitude : -87.6500523,
begin:"",
finish:"",
adsense:true,
publisherid:"ca-google-maps_apidocs",
adformat : "BANNER",
adposition : "RIGHT_BOTTOM",
adbackgroundColor: '#c4d4f3',
adborderColor: '#e5ecf9',
adtitleColor: '#0000cc',
adtextColor: '#000000',
adurlColor: '#009900'
;

You’ll be able to set the variables, as per your requirement like beneath :

You’ll be able to set your heart location when web page load by offering latitude and longitude of your location.

latitude : 41.850033,
longitude : -87.6500523,

You’ll be able to setup your beginning or ending location as beneath

begin:"Chicago",
finish : "New York",

You’ll be able to allow or disable Google Adsense as beneath

adsense:true,

If adsense is allow it’s important to set your writer id as beneath

publisherid:"ca-google-maps_apidocs",

If adsense is allow it’s important to set Kind of Banner Format as beneath

adformat : "BANNER",

As per Google Adsense, Banner Format will be :

  • LEADERBOARD creates a totally horizontal show space.
  • BANNER creates a horizontal “banner” advert.
  • HALF_BANNER creates a smaller horizontal “banner” advert.
  • SKYSCRAPER creates a big vertical advert.
  • WIDE_SKYSCRAPER creates a large vertical advert utilizing bigger
    sort.
  • VERTICAL_BANNER creates a medium-sized vertical advert.
  • BUTTON creates a small advert.
  • SMALL_SQUARE creates a barely bigger sq. advert.
  • SQUARE creates a big sq. advert with giant sort.
  • SMALL_RECTANGLE creates a small rectangular advert.
  • MEDIUM_RECTANGLE creates a medium rectangular advert.
  • LARGE_RECTANGLE creates a big rectangular advert.
  • SMALL_VERTICAL_LINK_UNIT creates a small vertical hyperlink
    unit.
  • MEDIUM_VERTICAL_LINK_UNIT creates a medium vertical hyperlink
    unit.
  • LARGE_VERTICAL_LINK_UNIT creates a big vertical hyperlink
    unit.
  • X_LARGE_VERTICAL_LINK_UNIT creates an additional giant vertical
    hyperlink unit.
  • SMALL_HORIZONTAL_LINK_UNIT creates a small horizontal hyperlink
    unit.
  • LARGE_HORIZONTAL_LINK_UNIT creates a big horizontal hyperlink
    unit.

If adsense is allow it’s important to set Place of Banner as beneath

adposition : "RIGHT_BOTTOM",

As per Google Adsense, Banner Place will be :

  • TOP_CENTER signifies that the adunit ought to be positioned
    alongside the highest heart of the map.
  • TOP_LEFT signifies that the adunit ought to be positioned alongside
    the highest left of the map, with any sub-elements of the management “flowing”
    in direction of the highest heart.
  • TOP_RIGHT signifies that the adunit ought to be positioned alongside
    the highest proper of the map, with any sub-elements of the management “flowing”
    in direction of the highest heart.
  • LEFT_TOP signifies that the adunit ought to be positioned alongside
    the highest left of the map, however beneath any TOP_LEFT parts.
  • RIGHT_TOP signifies that the adunit ought to be positioned alongside
    the highest proper of the map, however beneath any TOP_RIGHT
    parts.
  • LEFT_CENTER signifies that the adunit ought to be positioned
    alongside the left facet of the map, centered between the TOP_LEFT
    and BOTTOM_LEFT positions.
  • RIGHT_CENTER signifies that the adunit ought to be positioned
    alongside the precise facet of the map, centered between the
    TOP_RIGHT and BOTTOM_RIGHT positions.
  • LEFT_BOTTOM signifies that the adunit ought to be positioned
    alongside the underside left of the map, however above any BOTTOM_LEFT
    parts.
  • RIGHT_BOTTOM signifies that the adunit ought to be positioned
    alongside the underside proper of the map, however above any BOTTOM_RIGHT
    parts.
  • BOTTOM_CENTER signifies that the adunit ought to be positioned
    alongside the underside heart of the map.
  • BOTTOM_LEFT signifies that the adunit ought to be positioned
    alongside the underside left of the map, with any sub-elements of the management
    “flowing” in direction of the underside heart.
  • BOTTOM_RIGHT signifies that the adunit ought to be positioned
    alongside the underside proper of the map, with any sub-elements of the management
    “flowing” in direction of the underside heart.

If adsense is allow it’s important to set Colours Scheme of Banner as beneath in hex format

adbackgroundColor: '#c4d4f3',
adborderColor: '#e5ecf9',
adtitleColor: '#0000cc',
adtextColor: '#000000',
adurlColor: '#009900'


DOWNLOAD

Check Also

banner.png

Koran – WordPress App with Push Notification 2.0

DOWNLOAD Description Koran is WordPress app template for Android. Masses all of your weblog posts, ...

previewMain.jpg

Twice

DOWNLOAD Sport based mostly on SpriteKit, and write on Swift 2.1. Sport embody adverts: Google ...