Google Map API - Multiple Waypoint and Distance Calculation - SOLVED

I was wondering for longtime on how "MULTIPLE WAYPOINTS by adding Address New INPUTS" works thanks to GeoZipCode and I added Distance and Time taken to gravel

Criteria
Start Point
End Point
--- add ----
Multiple Waypoints

---- Return ----
Routes on Google Map
Show Total Distance
Show Time take to travel Distance


Here is the complete code for you

<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title></title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="robots" content="noindex, nofollow"> <meta name="googlebot" content="noindex, nofollow"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" ></script> <link rel="stylesheet" type="text/css" href="result-light.css"> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=geometry,places&ext=.js"></script> <style type="text/css"> html, body, #map_canvas { height: 100%; width: 100%; margin: 0px; padding: 0px } </style> <!-- TODO: Missing CoffeeScript 2 --> <script type="text/javascript"> var counter = 1; var limit = 10; var i = 0; var ACoptions = { componentRestrictions: { country: "au" } }; var directionsService; var directionsDisplay; function initialize() { var inputs = document.getElementById('start'); var autocompletes = new google.maps.places.Autocomplete(inputs, ACoptions); var inpute = document.getElementById('end'); var autocompletee = new google.maps.places.Autocomplete(inpute, ACoptions); var waypoints = document.getElementsByName("waypoints[]"); for (var i = 0; i < waypoints.length; i++) { var inputw = waypoints[i]; var autocompletew = new google.maps.places.Autocomplete(inputw, ACoptions); } directionsDisplay = new google.maps.DirectionsRenderer(); directionsService = new google.maps.DirectionsService(); var melbourne = new google.maps.LatLng(-31.953512, 115.857048); var myOptions = { zoom: 12, mapTypeId: google.maps.MapTypeId.ROADMAP, center: melbourne } map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); directionsDisplay.setMap(map); google.maps.event.addDomListener(document.getElementById('getdir'), 'click', function() { calculateAndDisplayRoute(directionsService, directionsDisplay); }); } google.maps.event.addDomListener(window, "load", initialize); function addInput(divName) { if (counter == limit) { alert("You have reached the limit of adding " + counter + " inputs"); } else { var newbr = document.createElement('br'); var newtxt = document.createTextNode("" + (counter + 1)); var newinput = document.createElement("input"); newinput.setAttribute("name", "waypoints[]"); newinput.setAttribute("autocompute", "on"); newinput.setAttribute("type", "text"); // newin = (counter + 1) + "<input type=text name=waypoints[] autocomplete=on>"; document.getElementById(divName).appendChild(newbr); document.getElementById(divName).appendChild(newtxt); document.getElementById(divName).appendChild(newinput); counter++; i++; console.log("cntr=" + counter + " i=" + i + " waypoints[].length=" + document.getElementsByName("waypoints[]")); // var inputw = waypoints[i]; var autocompletew = new google.maps.places.Autocomplete(newinput, ACoptions); } } function calculateAndDisplayRoute(directionsService, directionsDisplay) { var waypts = []; var checkboxArray = document.getElementById('dynamicInput'); var waypointElmts = document.getElementsByName('waypoints[]'); for (var i = 0; i < waypointElmts.length; i++) { if (waypointElmts[i].value.length > 0) { waypts.push({ location: waypointElmts[i].value, stopover: true }); } } directionsService.route({ origin: document.getElementById('start').value, destination: document.getElementById('end').value, waypoints: waypts, optimizeWaypoints: true, travelMode: 'DRIVING' }, function(response, status) { if (status === 'OK') { directionsDisplay.setDirections(response); computeTotalDistance(response); } else { window.alert('Directions request failed due to ' + status); } }); function computeTotalDistance(result) { var totalDist = 0; var totalTime = 0; var myroute = result.routes[0]; for (i = 0; i < myroute.legs.length; i++) { totalDist += myroute.legs[i].distance.value; totalTime += myroute.legs[i].duration.value; } totalDist = totalDist / 1000. document.getElementById("total").innerHTML = "total distance is: " + totalDist + " km<br>total time is: " + (totalTime / 60).toFixed(2) + " minutes"; } } </script> </head> <body> <div id="total"></div> <input id="start" value="Margaret River, AU" /> <input id="end" value="Perth, AU" /> <div id="dynamicInput"> <br>1 <input type="text" name="waypoints[]" autocomplete="on"> </div> <input type="button" value="Another Delivery" onClick="addInput('dynamicInput');"> <input id="getdir" type="button" value="get route" /> <div id="map_canvas"></div> <script> // tell the embed parent frame the height of the content if (window.parent && window.parent.parent){ window.parent.parent.postMessage(["resultsFrame", { height: document.body.getBoundingClientRect().height, slug: "v5sh9o2z" }], "*") } </script> </body> </html>

How to Prevent Web Form SPAM - Solved PHP

Very simple after getting spammed 47000 times in 8 days, i found this solutions.

Dont go with Preg or rpreg etc etc

Just put common keywords in an array & boot the mother fuckers with EXIT(0) when they caught redhanded spamming on your website.

no mother fucker can now, spam on my holy-FORM

$owned_urls = array('blog','http','medicine','10 mg','article','product','porn','bitch','http','25 mg','0.25 mg',' mg','purchase','clinical','diseases','pain','oxy','children','kids'); $string = strtolower('i have a medicine for your to look into'); //$owned_urls = array('website1.com', 'website2.com', 'website3.com'); /// $string = 'my domain name is website3.com'; for($i=0; $i < count($owned_urls); $i++) { if(strpos($string,$owned_urls[$i]) != false){ echo 'Found'; } else { exit(0); echo 'stop it'; } }

Have Fun --- our latest delivery VIP Boston Limo

Htaccess redirect to HTTPS://WWW - solved

If you are looking for HTACCESS script to redirect your SSL Enabled website to redirect to HTTPS and to WWW here is the best one for you RewriteEngine On RewriteCond %{HTTPS} off # First rewrite to HTTPS: # Don't put www. here. If it is already there it will be included, if not # the subsequent rule will catch it. RewriteRule .* https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301] # Now, rewrite any request to the wrong domain to use www. # [NC] is a case-insensitive match RewriteCond %{HTTP_HOST} !^www\. [NC] RewriteRule .* https://www.%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

Our latest Delivery
Sunulimo.com
GroundAirLimo.com

Google Ranking Lost due to Google Adwords

Fuck!!! Fuck!!! Fuck!!!

My website was on top 3 & went down after I put Google Adwords.

I was a big fucking mistake.

Right now my website is on 4th page.

Dont Know HOW-To bring it back on 1st page.

Google Screwed my Website Ranking

PHP MySQL - Effective Way to Build Search Query SQL Example

If you are implementing search capabilities on your PHP MySQL website.

Here is best example on HOW-TO

When implementing searching capabilities 1st thing we need to look into is SQL QUERY STATEMENTS and effective way of writing it for best search results

Check Here for Best Example

Self-Hosted Scripts - Github

This is a list of Free Software network services and web applications which can be hosted locally. Selfhosting is the process of locally hosting and managing applications instead of renting from SaaS providers.

Check All Self-Hosted Scripts

Find Image Size in PHP - solved

Its very easy to resize images in PHP based on your requirement - height or width to keep them uniform on pages

<?php function imgsize($ximg){ list($width, $height, $type, $attr) = getimagesize($ximg); echo "Image width " . $width; echo "Image height " . $height; echo "Image type " . $type; echo "Attribute " . $attr; echo '<br><Br>'; if($width <= 250){ echo '<img src="' . $ximg . '" alt="" style="width:250px" />'; } else if($height >= 100 ) { echo '<img src="' . $ximg . '" alt="" style="height:100px" />'; } else { echo '<img src="' . $ximg . '" alt="" style="width:250px" />'; } } imgsize('../images/hotels/hotels/Adina_logo.png'); ?>

Our Latest Website Released

Samsung SmartTV WebUI - AngularJS

The 'caph.focus' is an AngularJS module which provides functionality to navigate the focusable elements using the remote controller which is a main input device of TV. It consists of 3 parts: the 'focusable' directives which represent focusable elements, the 'nearestFocusableFinder' which is in charge of searching for the nearest focusable elements, and the 'focusController' which provides the focus related behaviors.

Samsung SmartTV & AngularJS - Check Here

Multiple Links - AJAX load Page in DIV PHP

Check this for simply load dynamic php content into a DIV using AJAX

<html lang="en"> <head> <meta charset="UTF-8"> <title>Include</title> </head> <body> <a href="#link1">Link1</a> <a href="#link2">Link2</a> <a href="#link3">Link3</a> <a href="#link4">Link4</a> <div id="include"></div> <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script type="text/javascript"> var includeDiv = $("#include"); $(window).on('hashchange', function() { var href = location.hash.slice(1) +".html"; includeDiv.load('include/' + href); }); </script> </body> </html>

Google Fucked my Website Ranking - ADSENSE SCAM

Google Fucked my website ranking after I installed Google Adsense

Yes, It is True!!!

Mother fuckers - fucked my website ranking very very very badly I was ranked 3rd in my category
they pushed me to 4th page

Took time to back on 1st page after i removed GOOGLE FUCKING ADSENSE.

Dont go and fuck your website ranking unless you are not a DIRECTORY SERVICE

WHY???
COULD BE BECAUSE I HAD A INQUIRY FORM on all pages of my website
SPAMMERS SPAM-ED LIKE HELL
IDIOT FUCKING ALGORITHM OF GOOGLE DID NOT UNDERSTAND SPAM ATTACK
AND I LOST MY RANKING

stripe\stripe-php no version set - solved

This is idiotic by Stripe that NO VERSION SET always gives gitter to developers.

its very simple
Change this to "name": "stripe/stripe-php",

"name": "stripe/stripe-php^5.7",

Just Add the version shown in the error message

Css Flip Image Tutorial

You have a Image & you want to flip it left-to-right or right-to-left

its simple in CSS

.flip { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }

Taxi Website Designers.com

Ionic 3 Tutorials

Google Chrome - Stop Page Refreshing / Reload in inactive tabs - Solved

Idiot Drunken Engineers at Google tried something horrible to save some RAM but ended up screwing our browsing experience - INACTIVE TAB PAGE REFRESH When you go back to a TAB after long period (15mins) - WEBPAGE WOULD START RELOADING

That is stupidity anyone can think of.

Here is the solution on how to STOP THIS NUISANCE. check the image

#1 - type chrome://flags #2 - browse to AUTOMATIC TAB DISCARDING #3 - change option to "DISABLED" #4 - Close the brower & reopen

Cheer!!! No more page reloading

Google Fucked My Blogger

Google is a Mother Fucking "Search Engine"

Google has fucked highly ranked this Blog after I put Google Adsense to it.

Now am Removing it.

Anyways, We dont make money, neither should Google.