Search Posts

Category: google-maps

google map not displaying in webpage

HTML : <ui-gmap-google-map center=’map.center’ zoom=’map.zoom’ control=”map.control”> <ui-gmap-marker ng-repeat=”marker in markers” coords=”marker.coords” options=”marker.options” events=”marker.events” idkey=”marker.id”> <ui-gmap-window show=”true”> <div class=”popup”> {{marker.content}} </div> </ui-gmap-window> </ui-gmap-marker> </ui-gmap-google-map> JS: Controller part : // Google Maps $scope.map = { center: { latitude: 0, longitude: 0 }, zoom: 1, mapTypeId: google.maps.MapTypeId.ROADMAP, control: {} }; // place a marker $scope.markers = []; function setMarker(lat, long, title, content) { var marker = { id: $scope.markers.length+1, coords: { latitude: lat, longitude: long }, content: content, […]