Google Places JS API: autocomplete search with setInterval on markers -


i have implemented code returning results places search box, use setinterval there delay in between dropping markers on map. i'm having trouble attempt @ it. appreciated i'm getting frustrated thought simple task! :)

this code works, no setinterval delay: 

for (var = 0, place; place = places[i]; i++) {  								      var image = {          url: 'img/marker.png',          size: new google.maps.size(48, 48),          origin: new google.maps.point(0, 0),          anchor: new google.maps.point(24, 48),          scaledsize: new google.maps.size(50, 50)      };        // create marker each place.      var marker = new google.maps.marker({          map: map,          animation: google.maps.animation.drop,          icon: image,          position: place.geometry.location      });        var request = { reference: place.reference };      markers.push(marker); //push markers array.      bounds.extend(place.geometry.location);    }

my attempt @ setinterval, not work:

var = 0;  var place;  place = places[i];  var interval = setinterval(function () {        var image = {          url: 'img/marker.png',          size: new google.maps.size(48, 48),          origin: new google.maps.point(0, 0),          anchor: new google.maps.point(24, 48),          scaledsize: new google.maps.size(50, 50)      };        // create marker each place.      var marker = new google.maps.marker({          map: map,          animation: google.maps.animation.drop,          icon: image,          position: place.geometry.location      });          i++;        var request = { reference: place.reference };      markers.push(marker); //push markers array.      bounds.extend(place.geometry.location);        if (i >= markers.length) clearinterval(interval);    }, 500);

  1. setinterval not proper method, must use settimeout (setinterval runs function again , again, while settimeout runs function once....for each marker)

  2. to achieve desired effect must increment delay(e.g. using i*500)

example:

function initialize() {    var map = new google.maps.map(document.getelementbyid('map-canvas'), {        center: new google.maps.latlng(52.520006, 13.404953),        zoom: 22      }),      service = new google.maps.places.placesservice(map),      markers = [],      bounds = new google.maps.latlngbounds(map.getcenter());            service.radarsearch({      types: ['restaurant'],      location: map.getcenter(),      radius: 5000    }, function(places, status) {      if (status === google.maps.places.placesservicestatus.ok) {        var image = {          url: 'http://maps.gstatic.com/mapfiles/markers2/dd-via.png'        };        (var = 0, place; place = places[i]; i++) {            settimeout((function(place) {            return function() {              bounds.extend(place.geometry.location);              map.fitbounds(bounds);                var marker = new google.maps.marker({                map: map,                animation: google.maps.animation.drop,                icon: image,                position: place.geometry.location              });              markers.push(marker);            }          })(place), 250 * i)          }        }    });  }    google.maps.event.adddomlistener(window, 'load', initialize);
html,  body,  #map-canvas {    height: 100%;    margin: 0px;    padding: 0px;  }
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3&libraries=places"></script>  <div id="map-canvas"></div>


Comments

Post a Comment

Popular posts from this blog

shopping cart - Page redirect not working PHP -

im trying redirect user when click "empty cart". redirect working "add cart" not "empty cart". ideas great. in main .php file set current url seen $current_url = base64_encode("http://$_server[http_host]$_server[request_uri]"); then below cartaction.php file handles actions such "add cart" , "empty cart" <?php session_start(); include_once 'config.php'; //add item in shopping cart if(isset($_post["add"])) { $product_id = $_post["product_id"]; //product id $return_url = base64_decode($_post["return_url"]); //return url $qty = $_post["qty"]; $product = $mysqli->query("select product_name, unit_price, unit_quantity products product_id = '$product_id'"); $obj = $product->fetch_object(); if(!isset($_session['products'])) { $_session['products'] = array(); } if(array_key_exists($product_id...
Read more

php - How to modify a menu to show sub-menus -

i have custom php menu made person, displays categories menu. however, need display subcategories well. tried adding hierarchical parameter didn't work. hoping assistance! here code: <ul> <?php /* categories wp e-commerce products */ $wpec_product_categories = get_terms( 'wpsc_product_category', 'hide_empty=0&parent=0&exclude=298'); $myarray = array(); foreach($wpec_product_categories $wpec_categories){ $myarray[$wpec_categories->term_id]['name'] = $wpec_categories->name; $myarray[$wpec_categories->term_id]['slug'] = $wpec_categories->slug; $myarray[$wpec_categories->term_id]['term_id'] = $wpec_categories->term_id; } foreach($myarray $wpec_categories1){ $wpec_term_name = $wpec_categories1['name']; $wpec_term_slug = $wpec_categories1['slug']; $wpec_term_id = $wpec_categories1['term_id']; echo '<li> <a href="'.get_page_link(19)....
Read more

python - Installing PyDev in eclipse is failed -

unable read repository @ http://pydev.sf.net/updates/content.xml. sun.security.validator.validatorexception: pkix path building failed: sun.security.provider.certpath.suncertpathbuilderexception: unable find valid certification path requested target i installing pydev in eclipse using python, doesn't install successfully. gives above error. happened? how solve error? i had error when trying install on laptop behind corporate firewall. couldn't tell setup of firewall, not sure of root cause. i got passed error installing pydev eclipse when out behind firewall. another way got around have eclipse on non-firewalled machine, install pydev eclipse, , copy whole eclipse directory non-firewalled machine firewalled machine. there better way, , way fix properly, didn't have time work out firewall doing. this on windows 7 machine (yeah know) not work *nix versions installed through package manager yum or apt.
Read more