TA貢獻1802條經驗 獲得超4個贊
由于您的腳本位于 Laravel 刀片內部，因此您可以將 PHP 變量經度和緯度分配給 javascript 變量。
//Suppose your PHP variable name is $loc having lat and long attribute
<script>
let provided_longitude = <?php echo $loc->long; ?>;
let provided_latitude = <?php echo $loc->lat; ?>;
console.log(provided_longitude, provided_latitude);
</script>
現在您可以在谷歌地圖中使用提供的經度和提供的緯度。
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
顯示表格中的標記（例如：具有列經度、緯度的訂單）
//在你的控制器里面
$orders = Order::select('id', 'longitude', 'latitude');
return view('your.page', [
'orders' => $orders
]);
//在你的/page.blade.php里面
<div id="map" style="width: 500px; height: 400px;"></div>
...
<script src="http://maps.google.com/maps/api/js?sensor=false"
type="text/javascript"></script>
<script type="text/javascript">
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>
TA貢獻1868條經驗 獲得超4個贊
您必須在 javascript 的標記對象中傳遞您的數據庫 lat long 值。var marker = new google.maps.Marker({ map: map, position: point,(這里你必須傳遞你從數據庫中獲取的 lat 和 long 的動態值) label: icon.label });
作為參考，您可以拋出以下鏈接。 如何在地圖php上顯示標記
舉報