So erstellen Sie eine Kartenanwendung mit PHP und der Amap-API-PHP-Tutorial-php.cn

So erstellen Sie eine Kartenanwendung mit PHP und der Amap-API

王林

Freigeben： 2023-05-11 10:56:02

Original

1342 Leute haben es durchsucht

Mit der Popularität von Smartphones und mobilem Internet werden Kartenanwendungen immer beliebter. Wenn Sie Ihre eigene Kartenanwendung erstellen möchten, sind PHP und Amap API eine gute Wahl. In diesem Artikel stellen wir vor, wie Sie eine Kartenanwendung mit PHP und der Amap-API erstellen.

Vorbereitung

Bevor Sie beginnen, müssen Sie ein Amap-Entwicklerkonto registrieren und eine Anwendung erstellen. Dies kann im Amap Developer Center erfolgen. Nach der Registrierung erhalten Sie einen API-Schlüssel, den Sie für jede Anfrage verwenden müssen.

Lernen Sie die Amap-API kennen

Die Amap-API ist eine RESTful-API. Sie können über das HTTP-Protokoll eine Anfrage an den Server initiieren und eine Antwort vom Server erhalten. Amap API bietet viele Schnittstellen wie Geokodierung, umgekehrte Geokodierung, Routenplanung usw., die Sie je nach Anwendungsszenario verwenden können.

Das Folgende ist eine Einführung in einige häufig verwendete Schnittstellen:

Geokodierung: Adressen in Breiten- und Längenkoordinaten analysieren.
Umgekehrte Geokodierung: Analysieren Sie Breiten- und Längenkoordinaten in Adressinformationen.
Wegplanung: Planen Sie den optimalen Weg zwischen zwei Punkten.
Umgebungssuche: Suchen Sie nach POI-Informationen rund um den angegebenen Standort.

Amap-API in PHP-Anwendung integrieren

In PHP-Anwendungen können Sie die Curl-Bibliothek verwenden, um eine Anfrage an den Amap-API-Server zu initiieren und das Antwortergebnis im JSON-Format zu erhalten. Das Folgende ist ein Beispielcode:

<?php
//将API密钥替换为您自己的
$apiKey = "your_api_key";
//需要查询的地址
$address = "北京市海淀区中关村南大街27号";
//构建请求URL
$url = "https://restapi.amap.com/v3/geocode/geo?key={$apiKey}&address={$address}";
//发起请求
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
$result = curl_exec($ch);
curl_close($ch);
//解析响应
$json = json_decode($result);
$location = $json->geocodes[0]->location;
echo $location;
?>

Nach dem Login kopieren

Der obige Code analysiert Nr. 27, Zhongguancun South Street, Haidian District, Peking in Breiten- und Längenkoordinaten und gibt das Ergebnis aus. Sie können es zur Wiederverwendung in Ihrer Anwendung in eine Funktion kapseln.

Karte anzeigen

Bevor Sie die Breiten- und Längenkoordinaten auf der Karte anzeigen, müssen Sie die JavaScript-API herunterladen, die Amap einführt, und einen Kartencontainer erstellen. Hier ist ein Beispielcode:

<!DOCTYPE html>
<html>
<head>
  <script src="//webapi.amap.com/maps?v=1.4.15&key=your_api_key"></script>
  <style type="text/css">
    #map-container {
      width: 100%;
      height: 400px;
    }
  </style>
</head>
<body>
  <div id="map-container"></div>
  <script>
    var map = new AMap.Map('map-container', {
      center: [116.397428, 39.90923],
      zoom: 10
    });
    var marker = new AMap.Marker({
      position: [116.397428, 39.90923],
      map: map
    });
  </script>
</body>
</html>

Nach dem Login kopieren

Der obige Code erstellt einen Kartencontainer und fügt der Karte eine Markierung hinzu. Sie können es zur Wiederverwendung in Ihrer Anwendung in eine Funktion kapseln.

Kombination von Amap API und PHP

Jetzt kombinieren wir die beiden obigen Beispielcodes, um eine vollständigere Kartenanwendung zu erstellen. In dieser Anwendung können Benutzer die Adresse in das Textfeld eingeben und auf die Schaltfläche „Senden“ klicken, um die Adresse in Breiten- und Längenkoordinaten zu analysieren und diese auf der Karte anzuzeigen.

Hier ist der Code für die App:

<!DOCTYPE html>
<html>
<head>
  <script src="//webapi.amap.com/maps?v=1.4.15&key=your_api_key"></script>
  <style type="text/css">
    #map-container {
      width: 100%;
      height: 400px;
    }
  </style>
</head>
<body>
  <form method="post" action="#">
    <input type="text" name="address" />
    <button type="submit" name="submit">提交</button>
  </form>
  <div id="map-container"></div>
  <?php
  if (isset($_POST['submit'])) {
    $address = $_POST['address'];
    $apiKey = "your_api_key";
    $url = "https://restapi.amap.com/v3/geocode/geo?key={$apiKey}&address={$address}";
    $ch = curl_init();
    curl_setopt($ch, CURLOPT_URL, $url);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
    $result = curl_exec($ch);
    curl_close($ch);
    $json = json_decode($result);
    $location = $json->geocodes[0]->location;
  ?>
  <script>
    var map = new AMap.Map('map-container', {
      center: [<?php echo $location ?>],
      zoom: 15
    });
    var marker = new AMap.Marker({
      position: [<?php echo $location ?>],
      map: map
    });
  </script>
  <?php
  }
  ?>
</body>
</html>

Nach dem Login kopieren

Der obige Code fügt der Seite ein Textfeld und eine Senden-Schaltfläche hinzu. Wenn der Benutzer auf die Schaltfläche „Senden“ klickt, wird die Karte auf derselben Seite neu geladen und zeigt die Breiten- und Längenkoordinaten für die vom Benutzer eingegebene Adresse an.

In dieser Anwendung nutzen wir nur einen kleinen Teil der Funktionen der Amap Map API. Sie können je nach Anwendungsszenario die entsprechende Schnittstelle zur Vervollständigung der Anwendung auswählen. Gleichzeitig können komplexere Anwendungen durch die Weitergabe von Daten zwischen PHP und JavaScript implementiert werden.

Zusammenfassung

In diesem Artikel haben wir vorgestellt, wie man eine Kartenanwendung mit PHP und der Amap-API erstellt. Durch das Studium dieses Artikels haben Sie sich einige grundlegende Fähigkeiten zur Verwendung der Amap-API und zur Integration in PHP-Anwendungen angeeignet.

Das obige ist der detaillierte Inhalt vonSo erstellen Sie eine Kartenanwendung mit PHP und der Amap-API. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!