iT邦幫忙

0

資料庫點座標 顯示在php 地圖上

想請問各位大大 有沒有利用資料庫內經緯度的資料
然後放在php上 點出紅點位置
不知道有什麼方式可以寫出來
這是抓資料的getpoint.php

<?php
include('config.php');
include('sqlsrv.php');

$db = new SQLSRV();
$r = $db->get_results("select * from lass_latest where gps_lat is not null and gps_lon is not null and s_d0 is not null");
echo json_encode($r);

這是我index.php裡面呼叫getpoint.php的地方

    function init() {
        $.ajax({
            url: 'ajax/getpoints.php',
            type: 'get',
            success: function (data) {
                var points = JSON.parse(data);
                for (var i = 0; i < points.length; i++) {
                    var pm25_normalized = Math.round(parseInt(points[i].s_d0) / 71 * 100) / 100;
                    drawPoints(points[i].source, points[i].gps_lon, points[i].gps_lat, points[i].s_d0, points[i].s_t0, points[i].s_h0, points[i].SiteName);
                    heatPoints.push([points[i].gps_lat, points[i].gps_lon, pm25_normalized]);
                }
                drawPointMap();
                $('.pre').fadeOut();
            }
        });
    }

但我不知道為什麼都顯示不出來QQQQ
希望大神們可以幫我看一下有什麼問題
或是有什麼其他好的方法可以分享一下

請先把你圖片中的code用
```
```
貼上來 再討論後面的
a29286263 iT邦新手 5 級 ‧ 2021-06-28 16:16:43 檢舉
已更換方式貼上了 謝謝你的提醒
GOOGLE MAP API =>要申請也要錢,沒有的話,他不會允許你用座標直接呼叫地圖,當然你可以用搜尋的方式來處理,但你要額外加入特定資訊的話鐵定不行,大致上這樣,樓主自己衡量
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
海綿寶寶
iT邦大神 1 級 ‧ 2021-06-28 16:56:17

我只會用 Google Map
參考看看這篇

只要把裡面經緯度和 image icon 的部份
換成你提供的數據即可

0
小魚
iT邦大師 1 級 ‧ 2021-06-28 18:25:52

現在大概87%都用Google地圖

0
idoncys
iT邦研究生 3 級 ‧ 2021-06-29 00:07:15

以前寫過高爾夫球車追蹤系統,車上配備 4G 網路每秒傳回 GPS 座標,然後秀在螢幕上,
我記得google map api 需要費用,他會給帳號算流量後計費,所以我們就用類似九宮格做區域性jpg小地圖,再用多張區域 JPG 圖拼湊大區域.
根據gps座標可以判斷車在哪張jpg地圖範圍內,系統再切換到該圖秀出,可以看到車在圖上面移動.
每張jpg圖跟實際地圖有換算比例(比1),我記得1公里跟1280px 比例約30萬,然後螢幕會縮放,再加上 jpg 與螢幕寬度比例(比2)就可算算出

x= (gps x 座標 - jpg 圖中心 gps x 座標)比1比2 + 中心點x平移微調量(因作 jpg 圖時輸入中心點可能也有差距)
y= (jpg 圖中心 gps y 座標 - gps y 座標)比1比2 + 中心點y平移微調量
![https://ithelp.ithome.com.tw/upload/images/20210629/20023389UCWNkJr2Op.jpg]

我要發表回答

立即登入回答