如何用PHP调用google 地图 api ?并且将数据库里经纬度表示的点显示在map上?
Jun 13, 2016 am 11:51 AM
怎么用PHP调用google map 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&v=2&&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>
这个key 要到谷歌上申请
key=ABQIAAAAHDyarwhqc8qoi6Hi4Fw2ABS7hG4ulivpH-Zy5ZAv91XflKVwfhRT3BrS_8CE9kMWp7UXsEngXSYF3A
本地测试不用key
------解决方案--------------------
读数据库 需要懂动态语言基础
------解决方案--------------------
其实最好的办法是从数据库里读出数据,写入一个外部的KML文件里,再用JS载入。
这东西不是三言两语说的清的,代码什么的,最好自己研究,关键是要真正理解。
参考 https://developers.google.com/maps/documentation/javascript/layers
------解决方案--------------------
demo: http://gmaps-samples.googlecode.com/svn/trunk/ggeoxml/ggeoxml_loader.html
kml: http://kml.lover.googlepages.com/my-vacation-photos.kml
源码自己研究去吧。

Heißer Artikel

Hot-Tools-Tags

Heißer Artikel

Heiße Artikel -Tags

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Was sind die Unterschiede zwischen Huawei GT3 Pro und GT4?

10 Möglichkeiten, die Helligkeit unter Windows 11 anzupassen

Wie deaktiviere ich die Authentifizierung beim privaten Surfen auf dem iPhone in Safari?

Das digitale Aktivierungsskript für Win10/11 MAS Version 2.2 unterstützt erneut die digitale Aktivierung

Verstehen Sie gängige Anwendungsszenarien der Webseitenumleitung und verstehen Sie den HTTP-301-Statuscode

Fix: Copilot funktioniert nicht unter Windows 11 23H2
