在引導模式上顯示地圖

我想在引導模式上顯示新的谷歌地圖，但它似乎不起作用。請幫助在引導模式上顯示地圖

$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

在引導模式上顯示地圖

回答

相關問題