Javascript 谷歌地图中的AngularJS角度表达式嵌入url

我试图将坐标引入到谷歌地图中嵌入角度表达式，但没有成功

<div class="panel panel-primary">
                    <div class="panel-heading">
                        <h2 class="panel-title">Location map: {{vm.data.location.coords[1]}}, {{vm.data.location.coords[0]}}</h2>
                    </div>
                    <div class="panel-body">
                        <iframe width="100%" height="300" frameborder="0" style="border:0" ng-src="https://www.google.com/maps/embed/v1/place?q={{vm.data.location.coords[1]}},{{vm.data.location.coords[0]}}&zoom=9&key=MYAPIKEY" allowfullscreen></iframe>
                    </div>
                </div>

位置映射：{{vm.data.Location.coords[1]}，{{vm.data.Location.coords[0]}

在上面的代码中，您可以看到我在H2标记中引入了坐标，其中坐标的显示没有问题。但当我向URL引入相同的代码时，它不会显示，所有角度表达式都显示为文本。当您引入数值时，url可以完美地工作

---

我做错了什么？

你能加把小提琴吗？你能加把小提琴吗？