Created
January 20, 2012 00:25
-
-
Save apneadiving/1643990 to your computer and use it in GitHub Desktop.
gmaps4rails: Don't show map by default and load markers with ajax
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
class UsersController < ApplicationController | |
respond_to :html, :json | |
def index | |
@json = User.all.to_gmaps4rails | |
respond_with @json | |
end | |
end |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- create html + load js files but don't create map itself: will be done after ajax call --> | |
<%= gmaps({:last_map => false}) %> | |
<!-- button to trigger ajax call --> | |
<button type="button" id="ajax">Load Map</button> | |
<script type="text/javascript" charset="utf-8"> | |
$(function() { | |
//hide the empty container | |
$(".map_container").hide(); | |
$("#ajax").click(function(){ | |
$.getJSON('/users', function(json){ | |
$(".map_container").show(); | |
Gmaps.loadMaps(); | |
Gmaps.map.addMarkers(json); | |
}) | |
}) | |
}); | |
</script> |
OK, I figured out. No worries, @apneadiving
Instead of
<%= gmaps({:last_map => false}) %>
I can add options this way
<%= gmaps("markers" => {"data" =>"[]", "options" => {"randomize" => true, "max_random_distance" => 2, "do_clustering" => true}}, "map_options" => { "provider" => "google", "provider_key" => $GOOGLE_API_KEY, "auto_adjust" => true }, :last_map => false) %>
In which, I used "[]" to fill the data section
Is there a way to create the sidebar marker list with plain html?
What changes would i make to this for v2? Cant seem to get it working. Its complaining about Gmaps.loadMaps(); as undefined Function?
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Hi, how can I pass options for markers into addMarkers method?