Question

我试图显示地图。

但是我在这里采用了纬度和经度 getting from AngularJs的值，

如何assign these values to variable。任何人都可以建议我解决方案。

这是我的代码。

<div>
    <div id="map">
        <script>
            var lat = {{proplist.propagentslattitude}};
            var long = {{proplist.propagentslongitude}};
        </script>
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
        <div style="overflow:hidden;height:300px;width:920px;">
            <div id="gmap_canvas" style="height:300px;width:920px;"></div>
            <a class="google-map-code" href="http://www.map-embed.com" id="get-map-data">google maps</a>
            <style>#gmap_canvas img{max-width:none!important;background:none!important}</style>
            <a class="google-map-data" href="http://www.sparmichl.de" id="get-map-data">sparmichl</a>
        </div>
        <script type="text/javascript"> function init_map() { var myOptions = { zoom: 16, center: new google.maps.LatLng(lat, long), mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById("gmap_canvas"), myOptions); marker = new google.maps.Marker({ map: map, position: new google.maps.LatLng(lat, long) }); infowindow = new google.maps.InfoWindow; google.maps.event.addListener(marker, "click", function () { infowindow.open(map, marker); }); infowindow.open(map, marker); } google.maps.event.addDomListener(window, 'load', init_map);</script>
    </div>
</div>

我已在此处指定了both latitude and longitude值。

如何指定正确的方式。

<script>
    var lat = {{proplist.propagentslattitude}};
    var long = {{proplist.propagentslongitude}};
</script>

Answer 1

你可以使用div。

您可以将角度值合而为一你的html中有{{proplist.propagentslattitude}}。

然后在你的脚本中使用document.getElementById（'angularvalue'）。innerText。

。

<div id="angularvalue" style="display:none">{{proplist.propagentslattitude}}</div>

<script>
window.onload=testing ;
function testing(){
var value=document.getElementById('angularvalue').innerText;
alert(value);
}

</script>

现在您的价值可供使用。

Answer 2

您无法将值分配给模板中的变量。您应该从控制器分配此变量。

Answer 3

您可能希望使用directive来实现此目的。

该指令将有一个google地图服务，它将保存你的状态（例如lon \ lat），它将成为你指令获取东西的助手。

你在角度世界中，你应该从指令操纵DOM 。

Answer 4

您可以在控制器和视图文件中添加谷歌地图代码，您只需添加HTML即可。查看此plunker http://embed.plnkr.co/IBUlwwohxW9IyfJRr6HI/

更好的选择当然是使用指令，或者你也可以自己创建一个指令。

将Angularjs值分配给Javascript变量

4 个答案: