2016-06-29 18 views
0

Ich entwickle eine Website, die Google Maps place API verwendet, um einen Bereich vom Benutzer zu erhalten und die nächsten Restaurants, Hotels, etc. Ich muss auch die Entfernung und Route zwischen diesen Orten aus dem vom Benutzer ausgewählten Bereich zeigen.Orte in der Umgebung, Entfernung und Route zwischen zwei Orten mit Google Maps API für Web

Kann jemand mir helfen, einige Vorschläge, Links oder eine Anleitung zu geben, um das zu tun?

+1

Welche Sprache/Plattform verwenden Sie für die Webentwicklung? –

+0

Ich verwende HTML, CSS, Jquery und PHP. – sabaresh

Antwort

2

Nun, ich konnte Ihnen nicht alle Codes zur Verfügung stellen, aber ich kann Ihnen helfen, Code zu erstellen. Bitte folgen Sie den folgenden Anweisungen. Es könnte dir helfen.

Grundsätzlich Sie für diese Lösungen zwei APIs erforderlich:

1) Wegbeschreibung Google API

2) Google Places API

3) Javascript - Geolokalisierung (auto Benutzerposition erkennen, funktioniert, wenn Website mit sSL-Zertifikat gehostet - https)

Schritt 1:

Hier müssen Sie zunächst Benutzer aktuellen Standort aus Browser (unter Verwendung von HTML5 navigator.geolocation) erkennen:

http://www.w3schools.com/html/html5_geolocation.asp

Schritt 2:

Jetzt sind Sie in der Nähe Hotels, Restaurants suchen erforderlich, usw. Verwenden der Google Places-API. Bitte überprüfen Sie folgende doc, wo Sie die Orte api erforderlich Ortskoordinaten als Eingang sehen und werden Sie entsprechend reagieren,

Web Service API Doc ODER JavaScript API Doc

Schritt 3:

Directions API wird bearbeitet zwischen zwei Punkte, also hier ist es besser, dynamische Route zwischen zwei Punkten (Benutzerstandort und bestimmten Restaurant/Hotel/etc Ort) mit Direction API aufzubauen. Sie können Routen mithilfe des Marker-Click-Ereignisses erstellen. i gegeben, ignorieren andere Sachen

Google Direction API - Javascript Example

Ich hoffe, dass ich besser zu erklären versucht, wie ich kann, bitte die Formatierung und Rechtschreibfehler ignorieren, Konzentrieren Sie sich auf Schritt !!

+0

Vielen Dank Rajnish. Es ist sehr nützlich für mich. – sabaresh

Verwandte Themen