如何在php while循环中使用javascript来显示地图标记
在PHP的while循环中使用JavaScript来显示地图标记，可以通过以下步骤实现：
- 首先，在PHP中获取需要显示标记的数据，并将其存储在一个数组中。
- 在PHP中使用while循环来遍历数组，并将每个标记的相关信息传递给JavaScript。
- 在JavaScript中，使用Google Maps API或其他地图API来创建地图，并在地图上添加标记。
- 在JavaScript中，使用循环来遍历传递的标记信息，并将每个标记添加到地图上。
以下是一个示例代码：
<?php
// 获取标记数据并存储在数组中
$markers = array(
array('lat' => 37.7749, 'lng' => -122.4194, 'title' => 'San Francisco'),
array('lat' => 34.0522, 'lng' => -118.2437, 'title' => 'Los Angeles'),
array('lat' => 40.7128, 'lng' => -74.0060, 'title' => 'New York')
);
?>
<!DOCTYPE html>
<html>
<head>
<title>Map with Markers</title>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>
<script>
function initMap() {
// 创建地图
var map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 37.7749, lng: -122.4194},
zoom: 8
});
// 遍历标记数据并添加到地图上
<?php foreach ($markers as $marker): ?>
var marker = new google.maps.Marker({
position: {lat: <?php echo $marker['lat']; ?>, lng: <?php echo $marker['lng']; ?>},
map: map,
title: '<?php echo $marker['title']; ?>'
});
<?php endforeach; ?>
}
</script>
</head>
<body>
<div id="map" style="height: 400px;"></div>
<script>
// 初始化地图
initMap();
</script>
</body>
</html>在上述示例代码中，我们首先在PHP中定义了一个包含标记信息的数组。然后，在JavaScript中使用Google Maps API创建了一个地图，并在循环中遍历标记数据，将每个标记添加到地图上。
请注意，示例代码中的YOUR_API_KEY需要替换为您自己的Google Maps API密钥。
推荐的腾讯云相关产品：腾讯地图 API。您可以在腾讯云官网上找到腾讯地图 API 的相关产品介绍和文档链接。
相关·内容
1回答
如何在php while循环中使用javascript来显示地图标记
javascript、php
如何在循环中显示多个数据库条目？所以它看起来是这样的：但有多个标记。 while($row= mysql_fetch_array($fetch)){
$cty =
浏览 9提问于2016-08-13得票数 0
回答已采纳
6回答
谷歌地图V3将中心设置为特定标记
google-maps、google-maps-api-3
我使用MYsql和V3，使用Google Map PHP来显示从DB中拉出的标记列表。我的标记是使用完整地址(从DB，包括邮政编码)在地图上设置的，因为我没有长地址，Lat info All工作正常，我的循环如下所示end while
浏览 2提问于2011-05-27得票数 45
5回答
使用PHP循环的javascript中的MySQL数据(Googlel )
php、javascript、mysql、google-maps
我试图使用Google V3 API在谷歌地图上创建标记。我在mySQL数据库中有标记的坐标，并且目前在.php文件中的一个PHP数组中。现在，如何使用foreach()循环(或其他合适的方法)遍历PHP数组中的元素，并在循环的每次迭代中创建一个新的google地图标记？
PS:我的PHP很不
浏览 11提问于2011-05-11得票数 1
回答已采纳
1回答
VB.net谷歌地图从数据库中检索数据信息
javascript、vb.net、google-maps
我正在使用谷歌地图API来显示地图和一些标记。当用户点击该标记时，它将显示位置信息。我存储在数据库里的那些信息。如何在单击标记时检索数据？由于google地图代码是用javascript编写的，如何在代码后面与vb链接？
浏览 0提问于2010-01-25得票数 1
1回答
使用PHP和javascript从数据库插入标记和信息窗口(Google地图
javascript、php、mysql、google-maps
我的目标是从数据库的表中获取数据，并将其显示在地图上。为了在页面的body元素中实现这一点，我决定插入一个script元素(javascript)，我使用它来创建映射并加载所有与它相关的信息。在这段javascript代码中，我包含了PHP代码，它负责对数据库进行查询，以获得我们在关联数组中提到的表的内容。在这段代码中，通过一个while循环，我想用它们对应的信息
浏览 0提问于2016-08-24得票数 0
2回答
如何最好地将mysql数据实现为一行javascript代码？
php、javascript、mysql、google-maps、while-loop
我正在修改谷歌地图的一些javascript，以便从我的数据库中检索不同的引脚信息。如果我只用php来做这件事，它会是这样的：{$title = $row['title']; $desc = $row['desc']; echo 'This但是我有这行javascript，我想放在while</e
浏览 2提问于2011-08-11得票数 3
回答已采纳
3回答
将asp.net中继器项传递给javascript数组
c#、javascript、asp.net、google-maps
我正在建立一个快速的网络应用程序，以显示从sql服务器数据库在谷歌地图上的位置标记。在我的，aspx页面上，我有一个中继器控件，它显示数据库中最后一个位置。</SeparatorTemplate>现在我需要指导的是，如何将'<%# Eval("Latitude")%>'和<%# Eval("Latitude") %>中返回的值传递到j
浏览 0提问于2014-08-31得票数 0
3回答
Google MAPS v3的JSON数据中的放置标记
javascript、json、google-maps、google-maps-api-3
看起来很简单，但我只需要标记来显示JSON输出中的一个值是否返回true。我将概述这些标记应该如何显示。另一个变化是，我试图让标记来更新/刷新，而不是基于来自JSON输出的lat/lng值的数据重新加载地图。如果我还试图从JSON输出中提取其他值，这样我就可以将数据放在infowidow中，等等。当涉及到JavaScript和谷歌地图时，我是个可怕的人。那么，有
浏览 2提问于2016-11-04得票数 5
1回答
使用多个标记初始化Google地图
javascript、jquery、google-maps
我正在开发一个应用程序，从数据库中提取地址，在我的网站上使用谷歌地图上的标记来显示地址。我有以下javascript代码+ jquery、google地图和所有其他必要的javascript文件：
// initialise，我将使用PHP从数据库中提取数据，我插入了小for语句来填充标记和信
浏览 1提问于2010-09-29得票数 0
2回答
单张侧边栏在一个时间循环内
php、while-loop、leaflet、sidebar
我有一个包含几个点(纬度、经度和每个点的文本)的数据集，我想用传单在地图上显示。而不是使用传单内置弹出窗口，我尝试使用leaflet-sidebar，，允许打开一个边栏时，一个标记被点击。如果您感兴趣，您可以在这里看到一个示例(只有一个标记)：
正如您所看到的，我正确地打开了每个标记的侧边栏，但是每个<div>的内容也显示在地图下面的。这是因为PHP循环中有<div>，如下所
浏览 0提问于2018-05-20得票数 1
回答已采纳
1回答
谷歌地图V3 Cakephp助手和多个标记
google-maps、cakephp、cakephp-2.0
我使用的是Cakephp谷歌地图V3助手。我可以让google地图显示出来，但是标记不能。以下是我的视图代码：echo $this->GoogleMapV3->map(); $options = array(我知道，如果我告诉应用程序回显我的$condo‘’Unit‘或'lon’，它会在foreach循环<
浏览 0提问于2012-01-10得票数 0
回答已采纳
1回答
使用php、javascript和json添加地图标记
javascript、php、mysql、json、google-maps-markers
尝试从mysql中添加标记，方法是先使用php检索标记，然后使用json_encode()，然后在javascript中使用结果。目前地图正在为我显示，但标记没有！MarkersController.php -从数据库获取信息。$list = array();
$l
浏览 1提问于2015-08-18得票数 3
1回答
带旋转器的过滤器地图标记
java、android、json、google-maps
我从JSON中提取地址，并在AsyncTask中用地图标记来显示它们。当我使用下面的代码时，不需要do，而地图显示所有标记，而不管公司类型如何。因此，我决定在JSON中的公司是一个“汽车中心”时，添加一个do while循环来添加map对象。对于“卡车中心”，我也会这样做。我的问题是，do while循环根本没有标记显示
浏览 2提问于2013-10-17得票数 0
回答已采纳
1回答
在标记窗口中显示地图(google)
javascript、google-maps-api-3、marker、infowindow
我试着在google地图的窗口中显示一个小地图。这样做的目的是，一旦用户点击标记，就会打开一个信息窗口，其中包含一个显示卫星视图的小地图。下面的主要代码运行得很好。我在一个来自mysql数据库的while循环中使用查询来获取所需的信息。基本上我的问题是，我必须将下面主代码中的那部分代码放在哪里才能显示名为'map_loc‘的小地图，其中div位于
浏览 1提问于2013-09-10得票数 0
1回答
如何在javascript中使用play-framework标记？
javascript、java、playframework
我正在使用Play框架来构建一个网站，它显示了谷歌地图上的一些标记。为此，我在Application.class控制器中创建并保存了一些模型。但是当我呈现这些模型时，我无法找到如何在javascript中使用这些Model对象。有人知道如何在Javascript上使用Play Framework标记吗？
浏览 9提问于2016-06-20得票数 0
回答已采纳
2回答
php到javascript循环
javascript、php、arrays
问题$stmt->execute();<script type="text/javascript"> varphp
while(
浏览 3提问于2015-05-05得票数 1
回答已采纳
1回答
如何将PHP/mysqli数据传递到javascript？
javascript、php、mysqli
我正在做一个有地图标记列表的项目。我想将数据从php数据库传递给映射的值。代码的映射部分使用javascript。手动输入标记时，标记的javascript应该如下所示： [ 47.06330php
while($res = mysqli_fetch_arra
浏览 2提问于2019-11-09得票数 0
回答已采纳
1回答
OpenLayers - 2.13。getDataExtent()返回null
json、openlayers、markers
我正在使用Javascript和PHP来实现同样的目的。
我从数据库中获取标记位置(在地图上)。我返回了一个包含所有标记位置的JSON对象，并在javascript文件中循环所有这些位置。标记的位置是正确的，但最后当我想要将地图缩放到所有标记的边界时，地图会无限缩放。有没有人可以在这个主题上给我一些帮助，最好是一些示例代码。我的
浏览 1提问于2013-12-07得票数 0
1回答
使用v2接口打印与表info不同顺序的标记
php、arrays、google-maps-api-2、markers
我有一个sql查询，我使用mysql_fetch_array将结果传递到一个while循环中，并且我正在打印一个表。我的想法是，使用每一行中包含的相同信息，我将在地图上构建标记。当我构建地图时，问题是地图总是以表格的最后一行(C标记)为中心。相反，我希望地图居中到标记A(表的第一行)。我正在搜索要反转数组，但不起作用。 whil
浏览 2提问于2013-03-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
