我是JS的新手,并且找到了前一个问题的答案,这个问题提出了一个新问题,这个问题又把我带到了这里.
我有一个包含Google Map API的Reveal Modal.单击按钮时,弹出"显示模式",并显示"Google地图".我的问题是只有三分之一的地图在显示.这是因为需要实现调整大小的触发器.我的问题是如何实现google.maps.event.trigger(map,'resize')？我在哪里放置这一小段代码？
这是我的测试网站.单击Google Map按钮查看手头的问题. http://simplicitdesignanddevelopment.com/Fannie%20E%20Zurb/foundation/contact_us.html#
显示模型脚本:
<script type="text/javascript">
$(document).ready(function() {
$('#myModal1').click(function() {
$('#myModal').reveal();
});
});
</script>
我的Google地图脚本:
<script type="text/javascript">
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(39.739318, -89.266507),
zoom: 5,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
mapOptions);
}
</script>
持有谷歌地图的div:
<div id="myModal" class="reveal-modal large">
<h2>How to get here</h2>
<div id="map_canvas" style="width:600px; height:300px;"></div>
<a class="close-reveal-modal">×</a>
</div>
更新2018-05-22
使用Maps JavaScript API版本3.32中的新渲染器版本,resize事件不再是Map类的一部分.
文件说明
调整地图大小后,地图中心将固定
全屏控制现在保留了中心.
不再需要手动触发resize事件.
来源:https://developers.google.com/maps/documentation/javascript/new-renderer
google.maps.event.trigger(map, "resize"); 从版本3.32开始没有任何影响
我有一个位于Reveal Modal中的Google Map API.对于那些不知道那是什么的人来说,它基本上是一个隐藏的容器,当点击一个按钮时会弹出它.我在这个显示模式中有谷歌地图API,它显示但不显示所有地图,它只显示其中的三分之一.
如何显示整个地图？
指向我页面的链接:http: //simplicitdesignanddevelopment.com/Fannie%20E%20Zurb/foundation/contact_us.html#
点击谷歌地图按钮,看看手上的问题
显示模态脚本:
<script type="text/javascript">
$(document).ready(function() {
$('#myModal1').click(function() {
$('#myModal').reveal();
});
});
</script>
包含Google Map API的Div
<div id="map_canvas" style="width:600px; height:300px;"></div>
<a class="close-reveal-modal">×</a>
</div>
单击该按钮可显示Google地图
<div class="five columns">
<ul class="button-group even three-up" id="contact-button-group">
<li><a href="#" class="button" data-reveal-id="myModal">Google Map</a></li>
<li><a href="#" class="button">Button 2</a></li>
<li><a href="#" class="button">Button 3</a></li>
</ul>
</div>
我必须在表单中创建一个登录用户将插入用户名和密码.我必须确保不处理html实体,并且我也不能允许处理单引号或双引号.我必须回显输入到表单中的数据并显示它.
我必须使用htmlentities和str_replace.我的htmlentities正确,但我不确定如何利用str_replace函数来替换用户可能在表单中输入的单引号和双引号.任何帮助都是极好的.
这是我目前的PHP(有效)
<?php
$username = htmlspecialchars($_POST['username']);
$password = htmlspecialchars($_POST['password']);
$comment = htmlspecialchars($_POST['comment']);
?>
<html>
<body>
Your username is: <?php echo $username; ?><br />
Your password: <?php echo $password; ?><br />
Your Comment was: <?php echo $comment; ?>