php - 将 map 位置信息从 PHP 传递到 javascript,以便与 Google map v3 api 一起使用

标签 php javascript google-maps-api-3

我在 MySQL 中存储了一堆纬度和经度标记,我可以使用 PHP 简单地检索它们。我使用 Javascript 与 Google map API v3 进行交互,并将多个标记作为虚拟对象加载到数组中,每个标记也有一个信息窗口。

人们会推荐将 MySQL 中的数据传递给 javascript 对象/数组以与 google map API v3 一起使用的最佳方法。

最佳答案

使用 PHP while 循环从数据库获取值并将值存储在变量中,如下所示

$location .= '['. $row['latitude'] . ',' . $row['longitude'] . ',"' . $row['city'] . '","' . $row['state'] . '"],' ;

在 Javascript 中,将 PHP 变量分配给 Javascript 变量,如下所示。

var locations = [<?php echo isset($location)?$location:''; ?>];
var len = locations.length;
for (i = 0; i < len; i++) {  
   var image = 'GIVE HERE THE PATH OF IMAGE';
   marker = new google.maps.Marker({
     position: new google.maps.LatLng(locations[i][1], locations[i][2]),
     map: map,
     icon: image
   });
   google.maps.event.addListener(marker, 'mouseover', (function(marker, i) {
     return function() {              
    infowindow.setContent(content);
    infowindow.open(map, marker);
 }
   })(marker, i));
}

上面的代码将给出多个标记以及 map 中每个标记的信息框。

关于php - 将 map 位置信息从 PHP 传递到 javascript,以便与 Google map v3 api 一起使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17944627/

相关文章:

javascript - Protractor e2e 测试登录重定向

jquery - Gmaps4Rails v2 - 检索所有标记

javascript - 如何在谷歌地图中自动设置信息窗口内容

r - 将 googleway 输出转换/导出到数据框

php - 页面墙上的 facebook 帖子 - PHP SDK

PHPcs xml 配置禁用一些规则

javascript - php 验证 X 个输入字段

php - laravel 4 artisan -- 如何回滚到特定的迁移状态?

javascript - 逐渐旋转一个物体以面对一个点?

javascript - 无法循环 Giphy API 数组