首頁  >  文章  >  web前端  >  js 呼叫百度地圖api並在地圖上進行打點添加標註_javascript技巧

js 呼叫百度地圖api並在地圖上進行打點添加標註_javascript技巧

PHP中文网
PHP中文网原創
2017-03-28 16:14:232546瀏覽

最近要做一個網頁,具體內容是:上邊有一個標題,下邊分成兩塊,左邊是地圖。而且地圖上有兩個點,點擊兩個點有相應的提示訊息,顯示資料庫裡最新的兩個數據資訊。右邊是一些文字說明。自己剛開始學習,做的也不是很好

整體效果如下圖:

js 呼叫百度地圖api並在地圖上進行打點添加標註_javascript技巧 

先新建map.php文件,程式碼如下

複製程式碼 程式碼如下:



/*
建立與資料庫的連線
*/
$conn=mysql_connect("",""," ") or die("can not connect to server");
mysql_select_db("hdm0410292_db",$conn);
mysql_query("set names utf8");
//選擇兩輛車插入的最新資料,並將兩個語句存在數組裡
$sql0="select * from car_info where carID='20140508'order by id desc limit 1";
$sql1="select * from car_info where carID = '20140510' order by id desc limit 1";
$sql=array($sql0,$sql1);
?>




車聯網資訊展示









🎜>src="http://api.map.baidu.com/api?v=1.5&ak=你申請的秘鑰">



map.php檔案主要是顯示資料庫裡的兩個訊息,將這兩個訊息在地圖上的對應的位置顯示出來。 然後再建title.php,這個很簡單,就是顯示一個標題 複製程式碼 程式碼如下:







資訊展示



資訊展示





然後在建立詳細資訊說明模組info.php

複製程式碼 程式碼如下:




$conn=mysql_connect=mysql_" ,"","") or die("can not connect to server");
mysql_select_db("",$conn);
mysql_query("set names utf8");
$sql0=" select * from car_info where carID='20140508'order by id desc limit 1";
$sql1="select * from car_info where carID= '20140510' order by id desc limit 1";
sql ($sql0,$sql1);

function htmtocode($content){
$content=str_replace("n", "
", str_replace(" ", " ", $content) );
return $content;
}
?>




資訊展示




資訊展示


$query=mysql_query($value);
$row=mysql_fetch_array($query );
?>

car 詳細資料




CAR ID:

經度:

緯度:

速度: Km/h

加速度:

方向:

油量:

位址:

時間:




最後在寫一個vanet .php文件,該文件主要是呼叫前三個文件

複製程式碼 程式碼如下:








資訊展示










陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn