在Google静态地图上创建消息气泡和路径

时间:2014-12-03 18:15:02

标签: google-maps google-maps-api-3 google-static-maps

我正在尝试使用google maps api创建一个静态地图网址,其类似于以下

enter image description here

似乎我需要增加缩放级别并向网址添加路径参数。我试图创建像下面的网址

http://maps.googleapis.com/maps/api/staticmap?scale=4&format=png32&center=50.133751,4.833644&zoom=16&size=640x640&markers=color:red%7C50.133751,4.833644&sensor=false&path=color:blue|48.133751,4.833644|50.133751,4.833644&style=feature:road.local

但它没有提供所需的结果,我需要根据提供的地址和lat / lng值创建动态网址。我不知何故要求以这样的方式旋转地图,以便它总是在中间有一条垂直的道路,这样我就可以在它上面绘制一条路径。另外,我需要一个气泡,它会显示一个固定的时间达到5/1分钟。

我目前没有使用任何编程语言。我正在尝试手动创建这些网址。

提前致谢。

编辑:我现在不需要旋转它。只想显示给定纬度/经度/地址值的1-5分钟方向,对于消息气泡,我创建了一个静态图像,我可以将其显示为叠加。

1 个答案:

答案 0 :(得分:5)

根据您的特定需求,我会推荐以下内容:1到5分钟的路径和时间:

首先,你需要知道你有两个关于标签的可能性

  1. 使用 standard marker 并添加长度为1 的标签和 [AZ],[0-9] (所以只是你的情况......一到五次)
  2. 使用已包含标签的 custom icon (在您的情况下,这是一个选项,因为您只需要创建五个包含" 2分钟"或者其他内容的图片)
  3. 对于第一个选项,我将取两个连接点的中心,并添加一个带有路径持续时间标签的白色标记,如markers=color:white|label:1|52,5210924,13,39181335。然后,您的路线上会有一个白色标准标记,如this

    对于第二个选项,您可以更改标记位置远离路径(取决于标签图像的外观)并添加具有正确持续时间的图像(1.png,2.png,3.png,.. 。)像markers=icon:https//your.path/to/image.png|52,5210924,13,39228335。像这样你可以包含你自己的图像,看起来像this(抱歉图像不好; - ))。

    添加带标签的自定义标记图标(在网址中),遗憾的是 not possible

    我认为在您的情况下(也是在手动创建时),可以创建5个气泡图像并将其按照描述添加到静态地图中。第一种选择是更快更容易(但不是那么好看)的方式,因为你可以将它放在路径上,而不必创建气泡图像。