I am new to Meteor, but I found this package on atmosphere and it's really cool! I had a couple of questions about it though.
I followed along with the Reactive Map tutorial on the author's blog, and that was simple enough to follow along. But a couple of questions
2) I want to create a CRUD app that will not only display ALL the markers but also display markers by a certain set of criteria. For example, I want to display markers by
userId, a range of dates, and other criteria. Is it possible to do all this within one template?
Hey @StephenMayeux
yes, you'll need to write some publications and subscribe to them and methods to write to the db (the guide can help you with that https://guide.meteor.com/)
Sure that's possible, just query (and publish) for the userId that you wish to view
thanks @dburles! Would you recommend creating multiple templates to achieve the same effect? Like one map template just to display all the markers (with no click events to add a new marker). And another map template to display a single marker (for example, if there is a route like /view/restaurants/39jw0923h8 then only view the location for a particular location). etc
@dburles Thanks for your response. I have that fixed on the client side. In your example shown here https://github.com/dburles/reactive-maps-example/blob/master/reactive-maps-example.js i did run the code here https://canadarm.herokuapp.com/ When i am scrolling to an new area of the map,the dreaded grey area is visible. Since this is a well known problem with numerous answers on stackoverflow http://stackoverflow.com/questions/3838580/google-map-comes-partially-grey-area-comes-instead-of-images-from-google-server?noredirect=1&lq=1 how would we solve the grey spaces as someone scrolls the map?.
@openqubit not too sure on that one, though i've seen similar issues with dynamic height containers (such as modals) being a problem, forcing the map to resize can fix that problem
@dburles Thanks for your input. I have recently run into a problem with SPA(single page apps). Sometimes i want to have two maps in two divs of the same page. In that case,i am thinking of doing this https://gist.github.com/openqubit/292872006f029b431003422749ce397a
Hello,i have added an events code block but it just wont fire not sure why,this is the code https://github.com/openqubit/rm/blob/master/reactive-maps-example.js
if (Meteor.isClient) {
Meteor.startup(function() {
GoogleMaps.load({
key: 'A*************************g'
});
});
} or look at this fiddle https://jsfiddle.net/9dgL1t8t/
and App.accessRule('.google.com/', { type: 'navigation' } );
App.accessRule('.googleapis.com/', { type: 'navigation' } );
App.accessRule('.gstatic.com/', { type: 'navigation' } )
App.accessRule('.googleapis.com/', { type: 'navigation' } );
App.accessRule('.gstatic.com/', { type: 'navigation' } )
but no luck. anyone else had this issue?
I have loaded maps using iframes with no issues although compiled versions had a flickering problem(app just flickers). This is the code i am using to load my maps
App.accessRule('*');App.accessRule('https://*.googleapis.com/*');App.accessRule('https://*.google.com/*');App.accessRule('https://*.gstatic.com/*');App.setPreference('android-targetSdkVersion', '23');App.setPreference("WebAppStartupTimeout", 60000); adding startup time will allow maps to load completely.
I can't seem to be able to get it working
Yep. Been working that way in my production systems, but struggling to get it it working with 1.4.2 beta
any ideas welcomo
@violetzie Here is an example http://en.proft.me/2016/06/2/how-create-google-map-marker-cluster-meteorjs/ that uses this package https://github.com/oakworks/meteor-marker-clusterer and to cluster i guess you do this
GoogleMaps.ready 'myMap', (map) ->
markers = []
markerCluster = new MarkerClusterer(map.instance, markers, clusterOptions)