Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >在google静态映射中使用AJAX时URL中的空白

问在google静态映射中使用AJAX时URL中的空白
EN

Stack Overflow用户

提问于 2013-04-13 10:45:28

回答 1查看 725关注 0票数 0

我有一个页面，它在iFrame中嵌入了谷歌静态地图的实例。当页面加载时，此iFrame的初始实例加载一个设置位置。页面上有一个地址列表，用户可以点击这些地址，并根据用户的选择，通过AJAX重新加载带有嵌入谷歌地图的iFrame。

我在加载新URL时遇到了一些问题。下面是我目前正在使用的PHP

$database->mysqlquery("SELECT street_address
                       FROM favorites
                       WHERE id = $row_id");

while($row = mysql_fetch_array($database->results)){
    $address = $row[street_address];
}

$url = "http://maps.googleapis.com/maps/api/staticmap?center=$address&zoom
=18&size=640x640&sensor=false";

我从我的数据库中获取地址并将其分配给一个变量。然后将变量传递到静态映射URL中。

定义了url后，我调用一个iFrame

<iframe width = "425" height = "315" frameborder = "0" scrolling = "no" 
marginheight = "0" marginwidth = "0" src= "<?php echo $url; ?>" id = "iframe"></iframe>

当我直接访问php页面或通过AJAX调用页面时，iFrame不会加载。当我使用Chrome或Firefox查看页面时，我会看到以下源代码

<iframe width="425" height="315" frameborder="0" scrolling="no" 
marginheight="0" `marginwidth="0" 
src="http://maps.googleapis.com/maps/api/staticmap?center=116 Ponce De Leon Ave 
NE, Atlanta, GA&amp;zoom=18&amp;size=640x640&amp;sensor=false" id="iframe"></iframe>

如果我从上面获取src字符串并直接通过浏览器加载链接，则映射将加载。

为什么我的iFrame不加载？

更新

添加rawurlencode()以编码iFrame变量后的新$address HTML

<iframe width="425" height="315" frameborder="0" scrolling="no" marginheight="0" 
marginwidth="0" 
src="http://maps.googleapis.com/maps/api/staticmap? 
center=116%20Ponce%20De%20Leon%20Ave%20NE%2C%20Atlanta%2C%20GA&amp;
zoom=18&amp;size=640x640&amp;sensor=false" id="iframe"></iframe>

google-static-maps

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-04-13 14:15:02

您必须对street_address进行编码，例如通过rawurlencode()

在URL中不允许使用空格(当您在浏览器中直接使用空格时，它会工作，因为大多数浏览器都会自动对URL进行编码)

票数 0

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/15991526

复制

相关文章

[神器]在现实世界中扫描、搜索——填补Google空白

你可以通过谷歌搜索来了解世界，但是你没有办法谷歌现实的物品；你可以谷歌你的药物信息，但却不能谷歌在钱包底部发现的药丸。现在德罗尔·沙龙的团队，一家以色列新兴公司，正试图用一款名为Scio的手持设备填补这一缺口。很少有像谷歌一样面面俱到的技术。一个简单的搜索就能让你了解周围的世界，提供的信息比你曾想知道的还多。但是，作为世界上最大的搜索引擎，它可能很厉害却存在的缺点。最值得注意的是，我们没有办法谷歌现实的物品。当然，你可以输入“苹果”这个词，但你却不能谷歌放在你厨房柜台上的苹果。你可以谷歌你的药物信息，

大数据文摘

2018/05/21

1.4K0

web.xml 中的 url-pattern 映射规则

servlet java php 编程算法容器

Servlet和filter是J2EE开发中常用的技术，使用方便，配置简单。servlet和filter中的url-pattern有一些文章在里面的，总结了一些东西，以免遇到问题又要浪费时间。

北漂的我

2019/05/28

1.4K0

防止页面url缓存中 ajax中post 请求的处理方式

缓存 https java 网络安全 php

一般我们在开发中经常会用到Ajax请求，异步发送请求，然后获取我们想要的数据，在Ajax中使用Get请求数据不会有页面缓存的问题，而使用POST请求可是有时候页面会缓存我们提交的信息，导致我们发送的异步请求不能正确的返回我们想要的数据，那么遇到这种情况，我们应该怎么办呢？？？

全栈程序员站长

2022/07/19

1.5K0

在 JS 中如何使用 Ajax 来进行请求

api json xml ajax http

github 地址：https://github.com/qq44924588...

前端小智@大迁世界

2020/12/07

8.9K0

jquery中ajax的使用(java)

ajax action post 继承

AJAX方式 js:界面 var prjContextPath='<%=request.getContextPath()%>'; $(document).ready(function(){ //===============GET============================== $("#username").blur(function(){ $.ajax({ type: "GET", url: pr

HUC思梦

2020/09/03

1.4K0

在HTML网页中巧用URL

网站 php http html asp

首先，先放出一个地址给大家测试 http://cnbruce.com/test/htmlpro/?name=cnbruce&email=cnbruce@126.com 1，时下流行的（可能是吧，因为最

Java架构师必看

2021/03/22

1.7K0

为什么在静态方法中不能使用this

在JVM的运行时数据区中有个虚拟机栈(或Java栈),在它的里面是由栈帧'叠加'而成.栈帧由局部变量表,操作数栈,动态连接,方法返回地址等组成.

书唐瑞

2022/06/02

1.9K0

为什么在静态方法中不能使用this

Typecho设置伪静态去掉url中的index.php

https 网络安全 html php

Typecho后台设置永久链接后，域名后会莫名的有index.php，有强迫症的我完全接受不了。例如网址 https://www.blogbig.cn/index.php/archives/robot.html我们就希望网址变成这样像静态页面的形式 https://www.blogbig.cn/archives/robot.html。这就用到了我今天用到的的伪静态了，成功记录一下！

浩瀚博客

2022/03/23

2K0

Typecho设置伪静态去掉url中的index.php

作者：阮一峰 http://www.ruanyifeng.com/blog/2011/03/url_hash.html

超然

2018/08/03

1.8K0

AJAX中UpdatePanel以及Triggers的使用

asp 编程算法网站 java https

1.页面定义:<asp:UpdatePanel ID=”UpdatePanel1″ runat=”server”>

全栈程序员站长

2022/09/15

5300

js中的ajax和jquery中的ajax学习笔记

ajax java https 网络安全 json

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/100806.html原文链接：https://javaforall.cn

全栈程序员站长

2022/06/30

2.7K0

js中的ajax和jquery中的ajax学习笔记

使用 Pandas resample填补时间序列数据中的空白

机器学习神经网络深度学习人工智能

在现实世界中时间序列数据并不总是完全干净的。有些时间点可能会因缺失值产生数据的空白间隙。机器学习模型是不可能处理这些缺失数据的，所以在我们要在数据分析和清理过程中进行缺失值的填充。本文介绍了如何使用pandas的重采样函数来识别和填补这些空白。

deephub

2021/11/08

4.4K0

使用 Pandas resample填补时间序列数据中的空白

php github git 开源 https

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中 axios的github:https://github.com/axios/axios

名字是乱打的

2021/12/22

5410

win10 uwp 让焦点在点击在页面空白处时回到textbox中

在网上有一个大神问我这样的问题：在做UWP的项目，怎么能让焦点在点击在页面空白处时回到textbox中？虽然我的小伙伴认为他这是一个 xy 问题，但是我还是回答他这个问题。

林德熙

2019/03/13

6620

win10 uwp 让焦点在点击在页面空白处时回到textbox中

在网上有一个大神问我这样的问题：在做UWP的项目，怎么能让焦点在点击在页面空白处时回到textbox中？虽然我的小伙伴认为他这是一个 xy 问题，但是我还是回答他这个问题。

林德熙

2022/08/09

5740

在URL中实现简易的WebAPI验签

api 微信 http 编程算法 https

简易的 API url 签名验证中间件，通过简单的url参数验证请求是否合法。思路是按照微信公众平台的验证消息的确来自微信服务器[1]的方式来实现的。

桑榆肖物

2022/11/18

1.1K0

在URL中实现简易的WebAPI验签

encodeURIComponent()函数在url传参中的作用和使用方法

编程算法 json ascii php

在使用 URL 传参的时候，如果参数中有空格等特殊字符，浏览器可能只会读取到空格面前的内容，导部分致数据丢失。

德顺

2020/10/30

11.3K0

win10 uwp 让焦点在点击在页面空白处时回到textbox中

在网上有一个大神问我这样的问题：在做UWP的项目，怎么能让焦点在点击在页面空白处时回到textbox中？虽然我的小伙伴认为他这是一个 xy 问题，但是我还是回答他这个问题。

林德熙

2018/09/18

6790

点击加载更多

相似问题

用于google ajax搜索的grails url映射

10

url_for()在ajax中调用静态文件

24

KML Google不会处理URL中的空白

11

带有空白"url“的jQuery中的AJAX

12

使用MapView时的空白映射

13

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例