努力将谷歌静态地图图像转化为应用程序

我是新来的ST,我确定我在这里丢失了一些东西,但是我的问题是我坐在本地存储器中的标记lat,lng坐标(通过使用API​​ v3点击谷歌地图获取),现在想要在标签面板上动态显示带有这些标记之一的静态地图(另一个标签显示我在infowindow中捕获的细节并添加到标记中,第三个标签将使用非常相似的Google街景视图抓取街景图像图像API来获取它作为一个静态图像)。

静态地图API指出:“Google静态地图服务根据通过标准HTTP请求发送的URL参数创建地图,并将地图作为可以在网页上显示的图像返回。”

所以基本上我需要用标记坐标动态地填充http请求,然后用它来请求图像。

我可以加载一个'静态'静态地图 - 用硬编码坐标使用HTML,并且工作:html:[“http://maps.google.com/maps/api/staticmap?center=40.714728,-73.998672&zoom=15&​​size= 284x130&sensor = false “/>,但如果我使用tpl尝试插入lat,lng坐标,它会失败(或者即使我使用tpl:tpl:[”http://maps.google。 com / maps / api / staticmap?center = 40.714728,-73.998672&zoom = 15&size = 284x130&sensor = false “/>”]

我也查看了Ajax请求,这些请求由于'相同的域'限制而失败,这导致我尝试了一个JsonP请求。 这实际上似乎从谷歌(我可以看到它在与铬开发人员工具的标题中看到它),但控制台告诉我“资源解释为脚本,但传递与MIME类型的图像/ PNG”这是真的我猜,但我看不到提取图像的方式。

这实际上是一个简单的问题,我忽略了关于使用模板的一些事情,或者我遇到了需要更强大的破解的东西?

我可以给出更多的代码来展示我已经尝试过并且失败了的东西,但是我希望这个问题对于Sencha Touch中的任何人都是相当清楚的。


对于其他想要知道的人,我发现可以通过创建图像标记并在函数内调用静态地图图像来使模板工作:

来自选项卡面板的代码段; 'data'从列表视图'markerLat发送,markerLng是数据记录的字段:{xtype:'component',itemId:'staticMap',title:'Static map',iconCls:'info',tpl:Ext。创建('Ext.XTemplate','{[this.getImage(values)]}','{markerType}',{//返回静态图像(如果有的话),否则显示文本getImage:function(data){if .markerLat && data.markerLat!=“”){var markers =“&markers = color:blue | label:S |”+ data.markerLat +“,”+ data.markerLng; var center =“&”+ data.markerLat +“,”+ data.markerLng; return'';} // else return'no static map image available';},})// END tpl} // END

链接地址: http://www.djcxy.com/p/67537.html

上一篇: struggling to get google static map image into app

下一篇: How to display a Google Static Map in Android Textview