ホームページ バックエンド開発 PHPチュートリアル PHP を使用して Google Maps API を呼び出し、データベース内の経度と緯度で表される地点を地図の下に表示するにはどうすればよいですか?

PHP を使用して Google Maps API を呼び出し、データベース内の経度と緯度で表される地点を地図の下に表示するにはどうすればよいですか?

Jun 13, 2016 pm 12:51 PM
gt http lt map nbsp

PHPを使用してGoogleマップAPIを呼び出し、データベース内の経度と緯度で表されるポイントを地図上に表示するにはどうすればよいですか? ?
前述の通り。詳しく書いた方が良いです、ありがとうございます!


-----解決策--------------------------------
このうち、23.1150614,113.4082905 が位置の緯度と経度です。
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="X-UA-Compatible" content="IE=7" /><br />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><br />
<meta name="description" content=" " /><br />
<title>谷歌地图 api测试</title><br />
<style><br />
.map {<br />
<br />
width: 205px;<br />
height: 192px;<br />
text-align: center;<br />
margin: 0 auto;<br />
<br />
}<br />
</style><br />
</head><br />
<body>   <br />
<div id="res_map" class="map"></div><br />
<script src="http://ditu.google.cn/maps?file=api&amp;v=2&amp;&amp;key=ABQIAAAAHDyarwhqc8qoi6Hi4Fw2ABS7hG4ulivpH-Zy5ZAv91XflKVwfhRT3BrS_8CE9kMWp7UXsEngXSYF3A" type="text/javascript" charset="utf-8"></script> <br />
<script type="text/javascript" charset="utf-8">     <br />
function show_small_map() <br />
{ <br />
if (GBrowserIsCompatible()) <br />
{  <br />
var map = new GMap2(document.getElementById("res_map"));<br />
function createMarker(latlng) <br />
{<br />
       var marker = new GMarker(latlng);<br />
       return marker;<br />
}<br />
map.setCenter(new GLatLng(23.1150614,113.4082905), 16);<br />
var smc = new GSmallZoomControl3D;<br />
map.addControl(smc);<br />
var latlng = new GLatLng(23.1150614,113.4082905);<br />
map.addOverlay(createMarker(latlng));  <br />
 <br />
}  <br />
}<br />
show_small_map();<br />
</script><br />
</body><br />
</html>
ログイン後にコピー



このキーは Google で申請する必要があります
key=ABQIAAAAHDyarwhqc8qoi6Hi4Fw2ABS7hG4ulivpH-Zy5ZAv91XflKVwfhRT3BrS_8CE9kMWp7UXsEngXSYF3A

ローカルテストにはキーは必要ありません
-----解決策---------
引用:
引用: ディンディンディン~~~
これで、マップにロゴを追加できるようになりました。問題は、対応するすべてのポイントをデータベースに追加する方法です。データベース内の値をスクリプト内で参照することはできません。 ! !
PHP コード?123456789101112131415161718192021222324252627282930313233343536373839404142434445464……



データベースを読み取るには、動的言語の基本を理解する必要があります
-----解決策-------------------------- -----
実際、これが最善です。 最良の方法は、データベースからデータを読み取り、外部 KML ファイルに書き込んで、それを JS でロードすることです。
このことは、一言で明確に説明することはできません。重要なのは、コードを実際に理解することです。
参考 https://developers.google.com/maps/documentation/javascript/layers
-----解決策------ - -
デモ: http://gmaps-samples.googlecode.com/svn/trunk/ggeoxml/ggeoxml_loader.html
kml: http://kml.lover.googlepages.com/my-vacation-photos.kml

自分でソースコードを勉強してください。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Huawei GT3 ProとGT4の違いは何ですか? Huawei GT3 ProとGT4の違いは何ですか? Dec 29, 2023 pm 02:27 PM

多くのユーザーはスマートウォッチを選ぶときにファーウェイブランドを選択しますが、その中でもファーウェイ GT3pro と GT4 は非常に人気のある選択肢であり、多くのユーザーはファーウェイ GT3pro と GT4 の違いに興味を持っています。 Huawei GT3pro と GT4 の違いは何ですか? 1. 外観 GT4: 46mm と 41mm、材質はガラスミラー + ステンレススチールボディ + 高解像度ファイバーバックシェルです。 GT3pro: 46.6mm および 42.9mm、材質はサファイアガラス + チタンボディ/セラミックボディ + セラミックバックシェルです。 2. 健全な GT4: 最新の Huawei Truseen5.5+ アルゴリズムを使用すると、結果はより正確になります。 GT3pro: ECG 心電図と血管と安全性を追加

Windows 11で明るさを調整する10の方法 Windows 11で明るさを調整する10の方法 Dec 18, 2023 pm 02:21 PM

画面の明るさは、最新のコンピューティング デバイスを使用する上で不可欠な部分であり、特に長時間画面を見る場合には重要です。目の疲れを軽減し、可読性を向上させ、コンテンツを簡単かつ効率的に表示するのに役立ちます。ただし、設定によっては、特に新しい UI が変更された Windows 11 では、明るさの管理が難しい場合があります。明るさの調整に問題がある場合は、Windows 11 で明るさを管理するすべての方法を次に示します。 Windows 11で明るさを変更する方法【10の方法を解説】 シングルモニターユーザーは、次の方法でWindows 11の明るさを調整できます。これには、ラップトップだけでなく、単一のモニターを使用するデスクトップ システムも含まれます。はじめましょう。方法 1: アクション センターを使用する アクション センターにアクセスできる

iPhoneのSafariでプライベートブラウジング認証をオフにする方法は? iPhoneのSafariでプライベートブラウジング認証をオフにする方法は? Nov 29, 2023 pm 11:21 PM

iOS 17 では、Apple はモバイル オペレーティング システムにいくつかの新しいプライバシーおよびセキュリティ機能を導入しました。その 1 つは、Safari のプライベート ブラウジング タブに対して 2 段階認証を要求する機能です。その仕組みとオフにする方法は次のとおりです。 iOS 17 または iPadOS 17 を実行している iPhone または iPad では、Safari でプライベート ブラウズ タブを開いていて、再度アクセスするためにセッションまたはアプリを終了する場合、Apple のブラウザでは Face ID/Touch ID 認証またはパスコードが必要になります。言い換えれば、ロックが解除されている iPhone または iPad を誰かが手に入れても、パスコードを知らなければプライバシーを閲覧することはできません。

Win10/11 デジタル アクティベーション スクリプト MAS バージョン 2.2 がデジタル アクティベーションを再サポート Win10/11 デジタル アクティベーション スクリプト MAS バージョン 2.2 がデジタル アクティベーションを再サポート Oct 16, 2023 am 08:13 AM

有名なアクティベーション スクリプト MAS2.2 バージョンでは、デジタル アクティベーションが再びサポートされています。このメソッドは @asdcorp とそのチームが考案したもので、MAS 作成者はそれを HWID2 と呼んでいます。 https://github.com/massgravel/Microsoft-Activation-Scripts から Gatherosstate.exe (オリジナルではなく、変更されたもの) をダウンロードし、パラメータを指定して実行し、AuthenticTicket.xml を生成します。まず元のメソッド: Gatherosstate.exePfn=xxxxxxx;DownlevelOriginalState=1 を確認し、次に最新のメソッド: Gatheros と比較します。

Web ページのリダイレクトの一般的なアプリケーション シナリオを理解し、HTTP 301 ステータス コードを理解する Web ページのリダイレクトの一般的なアプリケーション シナリオを理解し、HTTP 301 ステータス コードを理解する Feb 18, 2024 pm 08:41 PM

HTTP 301 ステータス コードの意味を理解する: Web ページ リダイレクトの一般的なアプリケーション シナリオ インターネットの急速な発展に伴い、Web ページの操作に対する人々の要求はますます高くなっています。 Web デザインの分野では、Web ページのリダイレクトは一般的かつ重要なテクノロジであり、HTTP 301 ステータス コードによって実装されます。この記事では、HTTP 301 ステータス コードの意味と、Web ページ リダイレクトにおける一般的なアプリケーション シナリオについて説明します。 HTTP301 ステータス コードは、永続的なリダイレクト (PermanentRedirect) を指します。サーバーがクライアントのメッセージを受信すると、

Apple サブスクリプションをキャンセルする方法 Apple サブスクリプションをキャンセルする方法 Oct 31, 2023 pm 11:13 PM

iPhone、iPad、または Mac で、AppleOne (AppleOne など) のサブスクリプションやサードパーティの AppStore サブスクリプションを簡単にキャンセルできます。 Apple は、AppleMusic、AppleTV+、AppleArcade、iCloud+、AppleNews+、AppleFitness+ など、Apple デバイス所有者が購読できるさまざまなサービスを提供しています。 Appleは2023年3月に、Apple TV+、Apple Arcade、Apple Arcadeなどのいくつかのサービスの大幅な値上げを行った。

httpリクエスト415エラーの解決策 httpリクエスト415エラーの解決策 Nov 14, 2023 am 10:49 AM

解決策: 1. リクエスト ヘッダーの Content-Type を確認する; 2. リクエスト本文のデータ形式を確認する; 3. 適切なエンコード形式を使用する; 4. 適切なリクエスト メソッドを使用する; 5. サーバー側のサポートを確認する。

修正: Windows 11 23H2 で Copilot が動作しない 修正: Windows 11 23H2 で Copilot が動作しない Nov 08, 2023 pm 03:09 PM

Windows 11 の最新の機能更新プログラムがリリースされ、アプリのさまざまな更新と改善が行われていますが、Windows 1123H2 には Copilot が含まれていないと多くの人が報告しています。これは、特に新しい AI アシスタントを試すことを楽しみにしている場合には残念です。私たち Windows レポートでも同じ問題に遭遇しました。今日のガイドでは、Windows 11 Copilot が見つからない場合に役立つ可能性のある解決策をいくつか紹介します。 23H2 で Copilot を有効にするにはどうすればよいですか?どのようにテスト、レビュー、採点を行うのでしょうか?過去 6 か月間、私たちはコンテンツの制作方法に関する新しい審査システムの確立に懸命に取り組んできました。これを使って

See all articles