Show Map on bootstrap modal

Question

I want to show a new google map on a bootstrap modal but it doesnt seem to work. please help

 $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' }); 

Answer 1

Not my code but here's a working example of what you want - plnkr

This example uses the module 'ngMap' which has the directive 'map', For more you can see the ngMap home page.