Google的静态地图无法在页面上呈现

Question

我很难将Google地图生成的图片渲染到我网站上的html图片代码中。

我用php urlencode（）来调用用户数据（地址，城市，州），我在最终的URL中使用了php htmlentitites（）。 Google的地图图片无法在页面中呈现，但如果我通过浏览器源检查器代码打开img src并单击它，则地图在新窗口中呈现正常，此时URL未作为img src放置，而是作为主要内容浏览器中的URL。

看看我的代码：

<?php
$State = urlencode($data['record']['field_42']);
$City = urlencode($data['record']['field_43']);
$Address = urlencode($data['record']['field_44']);
$Image_map = htmlentities("http://maps.googleapis.com/maps/api/staticmap?markers=$Address,$City,$State&size=570x400&key=&sensor=false&maptype=hybrid");
?>

<img src="<?php echo $Image_map; ?>" alt="Location" height="400" width="570">

Answer 1

在Quick Example section of the static maps documentation中，我看到查询字符串中的空格必须进行编码，例如为+。

假设您的$Address变量可以包含空格，您需要确保在将它们放入img的{​​{1}}之前对其进行正确编码。与浏览器栏的不同之处在于，浏览器会为您处理编码，但在html元素的属性中却没有。