javascript - How to filter markers using gmaps4rails gem -


i using gmaps4rails gem, rails 4.0.8, underscore.js , can't seem marker filter working correctly. filter, 1 category @ time (refreshes whole map) , not save markers hidden.

my code based on this example.

the code posted below: 

$(document).ready(function(){   handler = gmaps.build('google');   handler.buildmap({ internal: {id: 'map'}}, function(){     var markers_json = <%=raw @hash.to_json %>;     var markers = handler.addmarkers(markers_json);     handler.bounds.extendwith(markers);     handler.fitmaptobounds();   }); });  // show markers  function show(category) {    handler.buildmap({ internal: {id: 'map'}}, function(){   var markers_json = <%=raw @hash.to_json %>;   var markers = _.map(markers_json, function(marker_json){     var marker = handler.addmarker(marker_json);     _.extend(marker, marker_json);     return marker;   });    _.each(markers, function(marker, index){     var pin = markers[index];     if (pin.cat == category) {       marker.show();     }    });    handler.bounds.extendwith(markers);   handler.fitmaptobounds();  });  // check checkbox, using consulting testing document.getelementbyid(category+'box').checked = true;  }  // hide markers function hide(category) { // similar show, except uses marker.hide();  }  function boxclick(box,category) {   if (box.checked) {     show(category);   } else {     hide(category);   } }

i'm not sure how save array of markers , when try buildmap after (so there aren't 3 instances of it) end breaking map. i've been trying different ways filter working driving me crazy.

any suggestions or direction help. thank you!


Comments

Post a Comment

Popular posts from this blog

How to access a php class file from PHPFox framework into javascript code written in simple HTML file? -

i've website developed using phpfox v3.0.7 . now i'm trying implement 'sse(server sent events)' 1 of php files. reference i'm giving below necessary code part of file. file titled process.class.php , present @ location /var/www/module/notification/include/service/process.class.php present on server having ip http://34.124.40.142/ . <?php /** * [phpfox_header] */ header('content-type: text/event-stream'); header('cache-control: no-cache'); defined('phpfox') or exit('no dice!'); /** * * * @copyright [phpfox_copyright] * @author raymond benc * @package phpfox_service * @version $id: service.class.php 67 2009-01-20 11:32:45z raymond_benc $ */ class notification_service_process extends phpfox_service { /** * class constructor */ public function __construct() { $this->_stable = phpfox::gett('notification'); } public function add($...
Read more

node.js - Using Node without global install -

i'm working on few node & electron (atom shell) projects , i'm curious how them work without user having install node globally. i've seen few applications including node directory in project contains node.exe binary. how go setting node project use binary? edit: thought should add, i've searched everywhere answer this, unrelated results.
Read more

java - JavaScript + Thymeleaf - select onchange -

i have list of objects services in thymeleaf context, , have following @ page: <select id="inputservice" name="idservice" size="1"> <option th:each="service : ${services}" th:text="${service.name}" th:value="${service.idservice}"/> </select> <p id="selectedservicelimits"></p> each object services contains fields minamount , maxamount . how can print p element these 2 fields of selected service in select javascript? , how can print these 2 fields of option selected when document ready? thanks! <script th:inline="javascript"> /*<![cdata[*/ function showlimits() { var services = /*[[${services}]]*/ null; var selectedindex = $("#inputservice option:selected").index(); var service = services[selectedindex]; $("#amountlimits").text("Ми...
Read more