显示数据库数据(lat、long)，并使用laravel将其作为标记打印到google地图上
显示数据库数据(lat、long)，并使用laravel将其作为标记打印到google地图上，可以通过以下步骤实现：
- 获取数据库数据：使用Laravel的数据库查询构建器或ORM模型，根据数据存储结构和需要的筛选条件，获取包含经纬度信息的数据。例如，使用Eloquent ORM可以定义一个对应数据库表的模型，并使用模型的查询方法获取需要的数据。
- 准备Google Maps API：在Google Cloud Platform上创建一个项目，并启用Maps JavaScript API。获得API密钥，以便在Laravel应用中访问Google地图服务。
- 创建Laravel视图和路由：在Laravel应用中创建一个用于显示地图和标记的视图文件。定义一个路由，将该视图与特定的URL路径关联起来。
- 在视图中使用Google Maps JavaScript API：在视图文件中使用Google Maps JavaScript API，通过引入API库来加载地图，并在地图上显示标记。可以使用经纬度数据创建标记对象，然后将其添加到地图中。
- 将数据库数据传递给视图：在Laravel的控制器中，获取数据库数据并将其作为变量传递给视图。在视图中，可以使用传递的数据生成相应的JavaScript代码来设置标记。
以下是一个简单的示例代码：
在路由文件中定义路由：
Route::get('/map', 'MapController@showMap');创建MapController控制器：
<?php
namespace App\Http\Controllers;
use Illuminate\Support\Facades\DB;
use Illuminate\Http\Request;
class MapController extends Controller
{
public function showMap()
{
$data = DB::table('table_name')->select('lat', 'long')->get();
return view('map')->with('data', $data);
}
}创建视图文件map.blade.php：
<!DOCTYPE html>
<html>
<head>
<title>Map</title>
<style>
#map {
height: 400px;
width: 100%;
}
</style>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>
</head>
<body>
<div id="map"></div>
<script>
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 0, lng: 0},
zoom: 2
});
@foreach($data as $item)
var marker = new google.maps.Marker({
position: {lat: {{ $item->lat }}, lng: {{ $item->long }}},
map: map
});
@endforeach
}
</script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"></script>
</body>
</html>替换YOUR_API_KEY为你的Google Maps API密钥。
需要注意的是，这只是一个基本示例，实际应用中可能需要添加更多的错误处理、权限验证、样式美化等功能。
推荐腾讯云相关产品：腾讯云地图服务，可在Laravel应用中使用腾讯云地图API进行地图显示和标记，具体介绍和使用文档请参考 腾讯云地图服务。
相关·内容
我知道这个问题看起来好像以前有人问过，但我看到他们都不能回答我的问题，问题是我在从数据库中获取经度和纬度数据时出错，并且不能在google地图的javascript部分显示标记，我可以正常地在我的视图中显示我的数据库(lan，lng)，但不能将它们打印为google地图上的标记，这些标记根本不显示，我想这是因为我把所有的脚本都放在initMap().now中，我只
浏览 12提问于2019-10-06得票数 0
回答已采纳
正如标题所述，我正在尝试开发一个GIS (地理信息系统)网页，用户(管理员)可以输入位置和图片，标记将显示/弹出在主页的地图上。我正在使用Laravel框架和地图传单来实现GIS。我设法在没有任何标记的情况下显示地图。由于管理员希望在主页面的地图中添加显示标记的位置，通常我看到的是，您需要包含Lat/Long来表示该特定位置。的确，包括Lat/
浏览 2提问于2022-06-17得票数 0
1回答
谷歌-地图-反应添加标记
、、、
我正在使用谷歌地图-反应库添加一个谷歌地图的标志，更新状态变化。displayMarkers = () => { let lat = station.geometry.location.
浏览 3提问于2020-05-05得票数 0
我是谷歌地图的新手，我想使用谷歌地图javascript API来显示房子作为标记。我希望一个人能够在地图上点击放置一个标记，可以再次点击删除或拖动到地图上的另一个位置。然后，我希望脚本获得坐标(lat和long)，这样我就可以将其广告到数据库表中。你知道我该怎么做吗？我在codeIgniter中使用PHP。
浏览 4提问于2011-07-06得票数 1
好的，我的页面通过JSON从数据库中获取一些标记，并将它们放在google地图上。它工作正常，但问题是一个接一个地显示这个标记有一个小的滞后，而不是所有的同时。作为google，我试图使用setTimeout()方法.没有进一步的成功。它与json的反应不兼容吗？此函数从数据库中检索所有标记数据，并运行良好。":"
浏览 1提问于2013-05-10得票数 0
我正在尝试调用我的谷歌地图活动的纬度和经度，这样它就会显示其位置的标记。我使用MVVM架构和一个使用Kotlin的房间数据库，我有一个JSON api，其中包含一个lat和lng列表，位于地图活动类部分。本质上，我试图从api MVVM体系结构获取数据，将其提供给主活动，然后传递latlng并将其作为标记显示在google地图上
浏览 5提问于2020-10-18得票数 0
2回答
我目前正在对服务器进行ajax调用，以获取要在google地图上显示的经度/纬度列表。我也给每个标记附加了一个"click“事件。诀窍是，我需要能够将一些额外的数据存储到标记中，以便知道我正在处理的ID(来自数据库)，以便稍后将其与数据库进行匹配。我使用Title属性来显示一些友好的信息。AJAX、标记创建和单击事件都可以正常工作。为标记存储额
浏览 1提问于2011-09-13得票数 3
回答已采纳
我想通过ajax获得标记，因为我的地图移动。然而，有什么方法可以避免在google地图上加载相同经度和纬度的标记吗？假设一旦加载了某个纬度和经度的标记，第二次将地图移回该位置时就不会添加该标记。
浏览 2提问于2010-12-21得票数 0
我正在从数据库中提取较长的点，将它们组合在一起，然后使用反向查找在我的地图上放置标记。所有的标记都被放置在地图上，但它们只是有一点偏差。然后我转到maps.google.com，把这些点放到搜索栏中，它们就完美地工作了。有什么建议吗？谢谢!其功能如下： var log = resultP[i].get("<em
浏览 1提问于2012-12-18得票数 0
所以我正在使用JavaScript集成我的网站和Google。然后将数据导入Map，并将每个项目作为标记显示在Map上。将数据导入并显示为地图上的标记是很好的。但是我在地图上显示每个标记的信息窗口时有问题。问题是我在地图上有两个标记，但是当我点击任何项目时，信息窗口总是显示在同一项上。请看下面
浏览 3提问于2016-05-24得票数 2
回答已采纳
我在Laravel中的页面速度遇到了问题，因为我的页面视图中有javascript。我试图让我的页面速度变得更好，在页面视图上没有任何javascript，而是在一个单独的search.js文件中。现在，我在页面上的一个foreach循环中为传递给视图的每个用户创建了一个脚本。var latlng{{ $user-
浏览 39提问于2018-08-28得票数 1
回答已采纳
有没有我可以使用的API？如果是这样的话，我更喜欢使用免费的(至少现在是这样)。如果这样的API不存在，我也可以选择一个花费我的API。
如果您有任何重要的信息需要帮助我，请让我知道。
浏览 10提问于2019-08-09得票数 0
1回答
因此，我尝试使用从数据库查询的经纬度在google地图上创建标记，并将其保存到XML文件中。我试图从XML文件中获取位置，并将其放入一个新的google标记中，但无法在地图上显示任何标记。("long")));
浏览 1提问于2015-11-04得票数 0
我成功地使用静态数据在google地图上添加了多个标记。
地图上添加多个标记，但希望从SQL数据库中检索位置中的所有值。我尝试将结果集作为数组传递给JavaScript。但是，我只能单击一次就调用initMap()方法。所以地图上没有多个标记。一次只显示一个标记，而不是多个。而且我也不想在任何onclick方法上显示这个<em
浏览 4提问于2018-03-22得票数 3
回答已采纳
1回答
我正在制作一个简单的http服务器，我想添加一个显示客户端地理位置的世界地图功能。我有两个问题：
如何在地理上显示图像(世界地图)上的点，并将lat，lon作为输入参数？
浏览 3提问于2012-02-10得票数 0
回答已采纳
我使用的是Google Maps Javascript API，这样就可以让人在地图上放置一个标记，然后从中获取纬度和经度，并将其作为表单的一部分提交。我知道如何很好地从Maps api获取数据，但是我不知道如何将我拥有的javascript变量提交到rails表单？每次移动地图标记时，都会调用一个事件，那么在这一点上，有没有办法将lat和long变量发送回rails中的隐藏表单字段呢？
浏览 3提问于2010-09-23得票数 0
回答已采纳
我正在使用opencart开发函数查询()： // the query coding part is removedname']);
$newnode->setAttribute("address"
浏览 3提问于2014-11-11得票数 1
回答已采纳
我有这个部门：它还显示了Google地图上某个位置的经度和纬度的格式化地址。我有一个可拖动的标记，它将指向地图中的任何位置，并允许显示地址名称、经度和纬度。我能够成功地使用MySQL将经度和纬度保存到数据库中。但我没能保存地址。&
浏览 2提问于2015-12-19得票数 0
回答已采纳
我正在尝试将markerWindow中的显示从long更改为一个地址。对于如何做到这一点，我很难理解Google。我是开放的使用谷歌API或地理编码器宝石，谁工作得更好。, long){ position: new google.maps.LatLng(latvar latlng = new google.maps.LatL
浏览 2提问于2012-07-09得票数 1
2回答
用PHP创建Google地图标记
、、、、
总之，我已经在我的数据库中存储了一些位置和经纬度坐标。我正在考虑是为每个位置创建一张地图，还是为所有位置添加标记。任何关于这个想法的建议都将不胜感激，但我的问题是我是从我的mySQL数据库中获得这些值的。看起来只有通过javascript才能真正添加这些东西。我需要将坐标传递给javascript函数来创建标记吗？那会是什么样子？如有任何建议，欢迎光临！
浏览 0提问于2011-11-30得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
