我可以将AngularJS与静态Google地图一起使用吗?

时间:2015-04-07 20:41:44

标签: angularjs google-static-maps

  

https://maps.googleapis.com/maps/api/staticmap?size=440x420&scale=2&style=feature:all|element:labels|visibility:off&markers=color:green|size:small|90,-180

所以我有类似上面显示的链接。该链接不太有效,我所做的只是将其缩短为1坐标并使用可能不正确的坐标。

但是,你应该明白这个想法。我是否应该做这样的事情:

<div id="mapWrap" ng-controller="EdwardMap">
  <img src="https://maps.googleapis.com/maps/api/staticmap?size=440x420&scale=2&style=feature:all|element:labels|visibility:off&markers=color:green|size:small|{{building.mapcoord}}" usemap="#Map">

我试过了,我无法让它发挥作用。我在其下面有其他代码使用相同的控制器并且工作正常,但我希望Angular可以帮助我生成图像!如果我认为我的图像链接有问题,我正在使用的那个是完美的,它只是有更多的坐标和其他好东西。我把其中一个替换为{{building.mapcoords}}

以下是building.mapcoords的来源:

$scope.building = [{
        name:"name2",
        mapcoords:"80,-170",
        address:"address2",
        htmlcoords:"556,69,565,72,568,75,568,85,564,92,559,100,557,108,554,98,550,92,546,86,546,76,552,69",
    },{
        name:"name1",
        mapcoords:"",
        address:"address1",
        htmlcoords:"699,270,708,274,710,277,710,285,707,291,702,300,699,308,696,300,693,292,689,287,688,276,694,271"
    }

谢谢!

1 个答案:

答案 0 :(得分:0)

尝试使用ngSrc应该可以正常工作,因为您对网址发出了另一个请求,将其视为资源,不同的图像