- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试为非营利组织加载住宅属性(property)租赁的多个标记。我是 php 和 mysql 的新手,所以很难弄清楚。搜索完成后,我使用 POST 结果生成标记数组。我无法让谷歌地图加载它的空白。我看过很多答案,但它们总是以固定数组开头。我不知道如何从查询生成数组以使其看起来像我见过的示例,我尝试了 encode_json 但也没有用。底线。我需要查看作为搜索结果的多个制造商,并能够单击它们并查看房屋名称和地址。
这是 php 文件:
<?php
// get variable after selecting something from the dropdown with name 'chooser'
$select = $_POST['select'];
// if something has been chosen
if (!empty($select)) {
// get the chosen value
$community = $_POST['community'];
$location = $_POST['location'];
$start = $_POST['start'];
$maxocc = $_POST['maxocc'];
$bed = $_POST['bed'];
$fbath = $_POST['fbath'];
}
// select the type from the database
// database connection details (change to whatever you need)
$user="xxxx";
$password="xxxx";
$database="xxxxx";
// connect to database
$conn=mysql_connect ('localhost','xxxxx','xxxxx');
if (!$conn) {
die("Not connected : " . mysql_error());
}
// select database
$db_selected = mysql_select_db($database, $conn);
if (!$db_selected) {
die ("Can\'t use db : " . mysql_error());
}
// if everything successful create query
// this selects all rows where the type is the one you chose in the dropdown
// * means that it will select all columns, ie name and type as i said above
$query = "SELECT `listingdb`.`houseno`,`listingdb`.`house_name`,`listingdb`.`house_address`,`listingdb`.`lat`,`listingdb`.`long`
FROM `listingdb`
INNER JOIN `ownerdb` ON `listingdb`.`houseno`=`ownerdb`.`house_no`
WHERE start='{$_POST['start']}' OR maxocc='{$_POST['maxocc']}' OR bed='{$_POST['bed']}' OR fbath='{$_POST['fbath']}'
";
?>
.....
<script type="text/javascript">
//<![CDATA[
// initialize the google Maps
var map;
var houses = [];
var markers = [];
var infoWindow;
var locationSelect;
function initializeGoogleMap() {
// set latitude and longitude to center the map around
var corolla = new google.maps.LatLng(36.37,-75.826);
// set up the default options
var myOptions = {
zoom: 14,
center: corolla,
navigationControl: true,
navigationControlOptions:
{style: google.maps.NavigationControlStyle.DEFAULT,
position: google.maps.ControlPosition.TOP_LEFT },
mapTypeControl: false,
mapTypeControlOptions:
{style: google.maps.MapTypeControlStyle.DEFAULT,
position: google.maps.ControlPosition.TOP_RIGHT },
scaleControl: true,
scaleControlOptions: {
position: google.maps.ControlPosition.BOTTOM_LEFT
},
mapTypeId: google.maps.MapTypeId.ROADMAP,
draggable: true,
disableDoubleClickZoom: false,
keyboardShortcuts: true
}
var map = new google.maps.Map(document.getElementById("mapCanvas"), myOptions);
var infoWindow = new google.maps.InfoWindow;
<?php
$mymap = array();
$result = mysql_query ($query);
while($row = mysql_fetch_array ($result))
{
$coordinates = array(
'latitude' => $row['lat'],
'longitude' => $row['long'],
'house_name' => $row['house_name'],
'house_address' => $row['house_address'],
);
array_push($mymap, $coordinates);
}
$houses[] = $mymap;
print_r ($houses[0]);
for($i=0; $i < count($houses[0]); $i++) {
{
?>
// Add a marker to the map at specified latitude and longitude with tooltip
function createMarker(map,lat,lng,title,html) {
for (var i = 0; i <houses.length; i++) {
var point = point[i]
var myLatLng = new google.maps.LatLng(<?php echo $houses[0][$i]['latitude']; ?>,<?php echo $houses[0][$i]['longitude']; ?> );
var html = "<b>" + <?php echo $houses[0][$i]['house_name']; ?> + "</b> <br/>" + <?php echo $houses[0][$i]['house_address']; ?>;
var icon = "",
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
title: "<?php echo $houses[0][$i]['house_name']; ?>",
icon: "",
});
bindInfoWindow(marker, map, infoWindow, html);
}
google.maps.event.addListener(marker, 'click', function() {
infoWindow.setContent(html);
infoWindow.open(map, marker);
});
markers.push(marker);
<?php }} ?>
}
// To add the marker to the map, call setMap();
marker.setMap(map);
}
function bindInfoWindow(marker, map, infoWindow, html) {
google.maps.event.addListener(marker, 'click', function() {
infoWindow.setContent(html);
infoWindow.open(map, marker);
});
}
//]]>
</script>
</head>
<body onLoad="load()">
查看源代码如下所示:
<script type="text/javascript">
//<![CDATA[
var map;
var houses = [];
var markers = [];
var infoWindow;
var locationSelect;
function initializeGoogleMap() {
// set latitude and longitude to center the map around
var corolla = new google.maps.LatLng(36.37,-75.826);
// set up the default options
var myOptions = {
zoom: 14,
center: corolla,
navigationControl: true,
navigationControlOptions:
{style: google.maps.NavigationControlStyle.DEFAULT,
position: google.maps.ControlPosition.TOP_LEFT },
mapTypeControl: false,
mapTypeControlOptions:
{style: google.maps.MapTypeControlStyle.DEFAULT,
position: google.maps.ControlPosition.TOP_RIGHT },
scaleControl: true,
scaleControlOptions: {
position: google.maps.ControlPosition.BOTTOM_LEFT
},
mapTypeId: google.maps.MapTypeId.ROADMAP,
draggable: true,
disableDoubleClickZoom: false,
keyboardShortcuts: true
}
var map = new google.maps.Map(document.getElementById("mapCanvas"), myOptions);
var infoWindow = new google.maps.InfoWindow;
Array
(
[0] => Array
(
[latitude] => 36.370525
[longitude] => -75.827683
[house_name] => Barefoot Days
[house_address] => 1140 Morris Dr.
)
[1] => Array
(
[latitude] => 36.364495
[longitude] => -75.827469
[house_name] => Celestial Haven
[house_address] => 1043 Miller Court
)
[2] => Array
(
[latitude] => 36.360832
[longitude] => -75.825645
[house_name] => Seehorses
[house_address] => 1030 Mirage St.
)
[3] => Array
(
[latitude] => 36.370992
[longitude] => -75.825366
[house_name] => Summer Dreams
[house_address] => 1121 Ocracoke Court
)
[4] => Array
(
[latitude] => 36.370266
[longitude] => -75.825924
[house_name] => Beachy Keen
[house_address] => 1125 Morris Dr.
)
[5] => Array
(
[latitude] => 36.369402
[longitude] => -75.828155
[house_name] => The Surfrider
[house_address] => 1103 Austin St.
)
[6] => Array
(
[latitude] => 36.366102
[longitude] => -75.826353
[house_name] => Beacon of Light
[house_address] => 1067 Beacon Hill Dr.
)
)
// Add a marker to the map at specified latitude and longitude with tooltip
function createMarker(map,lat,lng,title,html) {
for (var i = 0; i <houses.length; i++) {
var point = point[i]
var myLatLng = new google.maps.LatLng(36.370525,-75.827683 );
var html = "<b>" + Barefoot Days + "</b> <br/>" + 1140 Morris Dr.;
var icon = "",
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
title: "Barefoot Days",
icon: "",
});
bindInfoWindow(marker, map, infoWindow, html);
}
google.maps.event.addListener(marker, 'click', function() {
infoWindow.setContent(html);
infoWindow.open(map, marker);
});
markers.push(marker);
// Add a marker to the map at specified latitude and longitude with tooltip
function createMarker(map,lat,lng,title,html) {
for (var i = 0; i <houses.length; i++) {
var point = point[i]
var myLatLng = new google.maps.LatLng(36.364495,-75.827469 );
var html = "<b>" + Celestial Haven + "</b> <br/>" + 1043 Miller Court;
var icon = "",
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
title: "Celestial Haven",
icon: "",
});
bindInfoWindow(marker, map, infoWindow, html);
}
google.maps.event.addListener(marker, 'click', function() {
infoWindow.setContent(html);
infoWindow.open(map, marker);
});
markers.push(marker);
you see all the markers (i deleted them for your reference, you get the picture
....
// To add the marker to the map, call setMap();
marker.setMap(map);
}
function bindInfoWindow(marker, map, infoWindow, html) {
google.maps.event.addListener(marker, 'click', function() {
infoWindow.setContent(html);
infoWindow.open(map, marker);
});
}
//]]>
</script>
最佳答案
如果它是空白的,那么它可能是您的 javascript 中的一个错误 - 您是否为您的输出尝试了 addslashes() 以便它优雅地处理引号?
这也可能是您的查询有问题,您是否尝试单独运行查询以查看它是否吐出任何结果(不是在 map 上,而是在 HTML 的源代码中?)
关于php - 谷歌地图 v3.0 未加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6449385/
我想要显示正在加载的 .gif,直到所有内容都已加载,包括嵌入的 iframe。但是,目前加载 gif 会在除 iframe 之外的所有内容都已加载后消失。我怎样才能让它等到 iframe 也加载完毕
首先,这是我第一次接触 Angular。 我想要实现的是,我有一个通知列表,我必须以某种方式限制 limitTo,因此元素被限制为三个,在我单击按钮后,其余的应该加载。 我不明白该怎么做: 设置“ V
我正在尝试在我的设备上运行这个非常简单的应用程序(使用 map API V2),并且出于某种原因尝试使用 MapView 时: 使用 java 文件: public class MainMap e
我正在使用 Python 2.6、Excel 2007 Professional 和最新版本的 PyXLL。在 PyXLL 中加载具有 import scipy 抛出异常,模块未加载。有没有人能够在
我想做这个: 创建并打包原始游戏。然后我想根据原始游戏中的蓝图创建具有新网格/声音/动画和蓝图的其他 PAK 文件。原始游戏不应该知道有关其他网格/动画/等的任何信息。因此,我需要在原始游戏中使用 A
**摘要:**在java项目中经常会使用到配置文件,这里就介绍几种加载配置文件的方法。 本文分享自华为云社区《【Java】读取/加载 properties配置文件的几种方法》,作者:Copy工程师。
在 Groovy 脚本中是否可以执行条件导入语句? if (test){ import this.package.class } else { import that.package.
我正在使用 NVidia 视觉分析器(来自 CUDA 5.0 beta 版本的基于 eclipse 的版本)和 Fermi 板,我不了解其中两个性能指标: 全局加载/存储效率表示实际内存事务数与请求事
有没有办法在通过 routeProvider 加载特定 View 时清除 Angular JS 存储的历史记录? ? 我正在使用 Angular 创建一个公共(public)安装,并且历史会积累很多,
使用 Xcode 4.2,在我的应用程序中, View 加载由 segue 事件触发。 在 View Controller 中首先调用什么方法? -(void) viewWillAppear:(BOO
我在某些Django模型中使用JSONField,并希望将此数据从Oracle迁移到Postgres。 到目前为止,当使用Django的dumpdata和loaddata命令时,我仍然没有运气来保持J
创建 Nib 时,我需要创建两种类型:WindowNib 或 ViewNib。我看到的区别是,窗口 Nib 有一个窗口和一个 View 。 如何将 View Nib 加载到另一个窗口中?我是否必须创建
我想将多个env.variables转换为静态结构。 我可以手动进行: Env { is_development: env::var("IS_DEVELOPMENT")
正如我从一个测试用例中看到的:https://godbolt.org/z/K477q1 生成的程序集加载/存储原子松弛与普通变量相同:ldr 和 str 那么,宽松的原子变量和普通变量之间有什么区别吗
我有一个重定向到外部网站的按钮/链接,但是外部网站需要一些时间来加载。所以我想添加一个加载屏幕,以便外部页面在显示之前完全加载。我无法控制外部网站,并且外部网站具有同源策略,因此我无法在 iFrame
我正在尝试为我的应用程序开发一个Dockerfile,该文件在初始化后加载大量环境变量。不知何故,当我稍后执行以下命令时,这些变量是不可用的: docker exec -it container_na
很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的,无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它,visit the help center 。 已关
我刚刚遇到一个问题,我有一个带有一些不同选项的选择标签。 现在我想检查用户选择了哪些选项。 然后我想将一个新的 html 文件加载到该网站(取决于用户选中的选项)宽度 javascript,我该怎么做
我知道两种保存/加载应用程序设置的方法: 使用PersistentStore 使用文件系统(存储,因为 SDCard 是可选的) 我想知道您使用应用程序设置的做法是什么? 使用 PersistentS
我开始使用 Vulkan 时偶然发现了我的第一个问题。尝试创建调试报告回调时(验证层和调试扩展在我的英特尔 hd vulkan 驱动程序上可用,至少它是这么说的),它没有告诉我 vkCreateDeb
我是一名优秀的程序员,十分优秀!