Comments (5)
try firing the resize event on the map when you show the map
google.maps.event.trigger($scope.map, 'resize');
from angular-gm.
Sorry i dint get you ,where should i use the above code i have the infocontroller and the js file where all the directive and the controller is defined ,could you please elaborate it will be very helpful
from angular-gm.
Generally when you resize the div that holds the google map, such as with ng-show, you need to fire that event to make the map resize to the div's new size.
As to where to put this specifically, I can't really say without seeing the actual code. A guess would be to set up a $watch on whatever variable you are using for the ng-show and fire the event in a $timeout block. If you want something more specific set up a jsfiddle or Plunkr and I'll look it over.
from angular-gm.
Since you generally don't have the map stored in your scope unless you put it there manually, you can also use the following in your controller:
$scope.$broadcast('gmMapResize', 'myMapId')
This is in the docs for gmMap.
As wpalahunk said, you should do this whenever you show the map, perhaps by using a $watch expression.
from angular-gm.
Thanks a lot it did work..
from angular-gm.
Related Issues (20)
- AngularGM + Ionic on iOS - not zoomable, and infoWindow not working HOT 1
- Performance issues HOT 5
- Examples - Too much recursion HOT 2
- Cannot center the map, initially HOT 2
- Popup for train stations? HOT 2
- Differences from angular-google-maps HOT 1
- Selecting markers not working in angular-gm with more current versions of Angular HOT 5
- Add support for scrollwheel map option HOT 1
- Installation process in ubuntu HOT 2
- angular-gm.js missing HOT 1
- Documentation: Examples Not Loading HOT 2
- Bower package not up to date HOT 3
- Multiple marker on same location HOT 1
- AngularGM no longer works with Oct. 11, 2015 update to 3.22 release of Google Maps API HOT 5
- Using gm map inside <md-content ng-view> renders with weird stripe HOT 1
- Angular 1.4.9 HOT 2
- Labeled Markers? HOT 2
- using angular-gm with MarkerClusterer HOT 2
- gm-map not working with ng-repeat HOT 2
- add Marker drag HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-gm.