首頁猿問帶有谷歌地圖的 Laravel...

帶有谷歌地圖的 Laravel 未在數(shù)據(jù)庫中顯示緯度和經(jīng)度值的標(biāo)記

PHP

慕蓋茨4494581 2022-10-09 17:28:01

我正在嘗試根據(jù) mysql 數(shù)據(jù)庫中已存儲(chǔ)的值（緯度和經(jīng)度）在 Google 地圖上顯示標(biāo)記。但是當(dāng)我嘗試加載它時(shí)，谷歌地圖中沒有顯示標(biāo)記。我是 laravel 的新手。請(qǐng)幫我實(shí)現(xiàn)它。我將<?php echo $loc->lat ?> & <?php echo $loc->long ?>在同一頁面中獲取緯度和經(jīng)度值，但我不知道如何傳遞它，請(qǐng)幫助我

查看完整描述

2 回答

慕虎7371278

TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超4個(gè)贊

由于您的腳本位于 Laravel 刀片內(nèi)部，因此您可以將 PHP 變量經(jīng)度和緯度分配給 javascript 變量。

//Suppose your PHP variable name is $loc having lat and long attribute

let provided_longitude = <?php echo $loc->long; ?>;

let provided_latitude = <?php echo $loc->lat; ?>;

console.log(provided_longitude, provided_latitude);

</script>

現(xiàn)在您可以在谷歌地圖中使用提供的經(jīng)度和提供的緯度。

example.blade.php 中的iframe 示例

<iframe

width="600"

height="450"

frameborder="0" style="border:0"

src="https://www.google.com/maps/embed/v1/place?key=YOUR_API_KEY

&q={{$loc->lat}},{{$loc->long}}" allowfullscreen>

</iframe>

編輯 1

顯示表格中的標(biāo)記（例如：具有列經(jīng)度、緯度的訂單）

//在你的控制器里面

$orders = Order::select('id', 'longitude', 'latitude');

return view('your.page', [

'orders' => $orders

]);

//在你的/page.blade.php里面

...

type="text/javascript"></script>

var locations = <?php echo $orders ?>;

var map = new google.maps.Map(document.getElementById('map'), {

zoom: 10,

center: new google.maps.LatLng(-33.92, 151.25),

mapTypeId: google.maps.MapTypeId.ROADMAP

});

var infowindow = new google.maps.InfoWindow();

var marker, i;

for (i = 0; i < locations.length; i++) {

marker = new google.maps.Marker({

position: new google.maps.LatLng(locations[i]['latitude'], locations[i]['longitude']),

map: map

});

}

</script>

反對(duì) 回復(fù) 2022-10-09

MYYA

TA貢獻(xiàn)1868條經(jīng)驗(yàn) 獲得超4個(gè)贊

您必須在 javascript 的標(biāo)記對(duì)象中傳遞您的數(shù)據(jù)庫 lat long 值。var marker = new google.maps.Marker({ map: map, position: point,(這里你必須傳遞你從數(shù)據(jù)庫中獲取的 lat 和 long 的動(dòng)態(tài)值) label: icon.label });

作為參考，您可以拋出以下鏈接。如何在地圖php上顯示標(biāo)記

反對(duì) 回復(fù) 2022-10-09