在引导模式上显示地图

我想在引导模式上显示新的谷歌地图，但它似乎不起作用。请帮助在引导模式上显示地图

$scope.show = function (lat, long) { 
 
     $('#body').append('<div id="map"></div>') 
 
     enter code here$scope.newMap=new google.maps.Map(document.getElementById('map'), { 
 
      zoom: 14, 
 
      center: {lat: 37.77, lng: -122.447}, 
 
      mapTypeId:'roadmap' 
 
     });

来源

2017-04-13 Ajiboye Adedeji

你确定'$（'＃body'）'点在模态内容节点上吗？并且我认为你必须使用'$（modalSelector）.on（'show.bs.modal'function（）{...}）'作为监听器才能听到模态打开事件 – TypedSource

我试过了。没有工作。 $（'＃myModal'）。on（'show.bs.modal'，function（）{ $（'＃body'）。append（'

'） $ scope.newMap = new google.maps.Map的document.getElementById（ '地图'），{ 变焦：14，中心：{纬度：37.77，经度：-122.447}，的mapTypeId： '路线图' }）;} ） –

我会建议使用角 - 启动模式。用角度来实现：https：//angular-ui.github.io/bootstrap/#/modal – Ladmerc

不是我的代码，但这里有你想要什么工作的例子 - plnkr

此示例使用具有指令“地图”模块“ngMap”，欲了解更多，你可以看到ngMap主页。

来源

2017-04-13 21:16:33

在引导模式上显示地图

回答

相关问题