javascript - Different images for each place type in google maps/place api -


i trying assign custom image each of place types marker created for, code assigns image fine if there 1 place type if there more 1 place type no images assigned. types stored in global split array.

html:

 <label> types of places</label>                 <link rel="stylesheet" type="text/css"  href="css/style.css">                 <input type="checkbox" name="cbox" value="park" class="places"/>                 <label for="woodland"><img src="../img/woodland.jpg" style="padding-top:10px;"/></label>                 <input type="checkbox" name="cbox" value="lodging, campground, rv_park" class="places"/>                 <label for="viewpoint"><img src="../img/viewpoint.jpg" style="padding-top:10px;"/></label>                 <input type="checkbox" name="cbox" value="restaurant, bakery, meal_delivery, meal_takeaway" class="places"/>                 <label for="restaurant"><img src="../img/restaurant.jpg" style="padding-top:10px;"/></label>                 <input type="checkbox" name="cbox" value="museum, aquarium, art_gallery, bowling_alley, church, cemetery, library, movie_theater, stadium, zoo" class="places" />                 <label for="historical"><img src="../img/historical.jpg" style="padding-top:10px;"/></label>

jquery:

$(".places").change(function()     {         placet = [];         $(".places").each(function()         {             if( $(this).is(':checked') )             {                 placet.push($(this).val());             }         });         alert( placet );     });

javascript:

function findplaces(boxes,searchindex) {    var typep = placet.tostring().split(',');    window.typep = typep    var request = { bounds: boxes[searchindex], types: typep };     //alert(request.bounds);    service.radarsearch(request, function (results, status) {     if (status != google.maps.places.placesservicestatus.ok) {         alert("request["+searchindex+"] failed: "+status);      }    // alert(results.length);    document.getelementbyid('side_bar').innerhtml += "bounds["+searchindex+"] returns "+results.length+" results<br>"    (var = 0, result; result = results[i]; i++) {     var marker = createmarker(result);    }    searchindex++;    if (searchindex < boxes.length)      findplaces(boxes,searchindex); }); }  function createmarker(place, category){  var iconsrc = {};      iconsrc['park'] = '/img/icons/park-15.svg';     iconsrc['lodging'] = 'img/icons/lodging-15.svg';     iconsrc['campground'] = 'img/icons/campground-15.svg';     iconsrc['rv_park'] = 'img/icons/rv_park-15.svg';     iconsrc['restaurant'] = 'img/icons/restaurant-11.svg';     iconsrc['bakery'] = 'img/icons/bakery-15.svg';     iconsrc['meal_delivery'] = 'img/icons/meal_delivery-15.svg';     iconsrc['meal_takeaway'] = 'img/icons/meal_takeaway-15.svg';     iconsrc['museum'] = 'img/icons/museum-15.svg';     iconsrc['aquarium'] = 'img/icons/aquarium-15.svg';     iconsrc['art_gallery'] = 'img/icons/art_gallery-15.svg';     iconsrc['bowling_alley'] = 'img/icons/bowling_alley-15.svg';     iconsrc['church'] = 'img/icons/meal_church-15.svg';     iconsrc['cemetery'] = 'img/icons/cemetery-15.svg';     iconsrc['library'] = 'img/icons/library-15.svg';     iconsrc['movie_theater'] = 'img/icons/movie_theater-15.svg';     iconsrc['stadium'] = 'img/icons/stadium-15.svg';     iconsrc['zoo'] = 'img/icons/zoo-15.svg';      var placeloc=place.geometry.location;     if (place.icon) {         var image = new google.maps.markerimage(             place.icon, new google.maps.size(50, 50),             new google.maps.point(0, 0), new google.maps.point(17, 34),             new google.maps.size(25, 25));     } else var image = null;      var marker=new google.maps.marker({         map:map,         icon: iconsrc[typep],         position:place.geometry.location     });      var request =  {         reference: place.reference     };      google.maps.event.addlistener(marker,'click',function(){         service.getdetails(request, function(place, status) {             if (status == google.maps.places.placesservicestatus.ok) {                 var contentstr = '<h5>'+place.name+'</h5><p>'+place.formatted_address;                 if (!!place.formatted_phone_number) contentstr += '<br>'+place.formatted_phone_number;                 if (!!place.price_level) contentstr += '<br>'+place.price_level;                 if (!!place.opening_hours) contentstr += '<br>'+place.opening_hours;                 if (!!place.website) contentstr += '<br><a target="_blank" href="'+place.website+'">'+place.website+'</a>';                 contentstr += '<br>'+place.types+'</p>';                 contentstr += "<br /><input type = 'button' value = 'not interested' onclick = 'deletemarker(" + marker.id + ");' value = 'delete' />";                 infowindow.setcontent(contentstr);                 infowindow.open(map,marker);             } else {                  var contentstr = "<h5>no result, status="+status+"</h5>";                 infowindow.setcontent(contentstr);                 infowindow.open(map,marker);             }         });      });      marker.id = uniqueid;     uniqueid++;     gmarkers.push(marker);     var side_bar_html = "<a href='javascript:google.maps.event.trigger(gmarkers["+parseint(gmarkers.length-1)+"],\"click\");'>"+place.name+"</a><br>";     document.getelementbyid('side_bar').innerhtml += side_bar_html; }

do have add able deal multiple types when assigning icons? appreciated.


Comments

Post a Comment

Popular posts from this blog

commonjs - How to write a typescript definition file for a node module that exports a function? -

consider, toml node module can use: // toml.d.ts declare module toml { export function parse(value:string):any; } declare module "toml" { export = toml; } then: /// <reference path="../../../../../defs/toml/toml.d.ts"/> import toml = require('toml'); toml.parse(...); however, node module export single function, such 'glob' ( https://github.com/isaacs/node-glob ). the node usage of module be: var glob = require("glob") glob("*.js", {}, callback(err, files) { ... }); you'd naively expect this: // glob.d.ts declare function globs(paths:string, options:any, callback:{(err:any, files:string[]):void; ...but because typescripts 'import' semantics bit strange, seems can use 'import .. = require()' statement alias modules . trying call: /// <reference path="../../../../../defs/glob/glob.d.ts"/> import blog = require('glob'); results in: error ts2072: mod...
Read more

openid - Okta: Failed to get authorization code through API call -

i'm integrating okta own idp server using okta's api. i'm implementing authorization code flow following steps below: in own server, use /api/v1/authn endpoint sessiontoken. use sessiontoken obtain authorization calling endpoint: /oauth2/v1/authorize?client_id=" + clientid + "&sessiontoken=" + sessiontoken + "&response_type=code&response_mode=query&scope=openid&redirect_uri=" + redirecturl + "&state=evanyang&nonce=" it's supposed return response status code 302 , location header containing redirect url code value. however, keep getting response status code 200 , without location header, html body saying "you using unsupported browser." , "javascript disabled on browser." according api documentation: http://developer.okta.com/docs/api/resources/oidc.html#authentication-request , sessiontoken parameter sufficient this: an okta one-time sessiontoken. allows api-based ...
Read more

ios - Change Storyboard View using Seague -

i have following code checks connection server, , depending on want change views if no connection found. nsstring *connect = [nsstring stringwithcontentsofurl:[nsurl urlwithstring:@"http://myserver.com"] encoding:nsutf8stringencoding error:nil]; if (connect == null) { [self performseguewithidentifier:@"network_failure" sender:self]; } else { // other code here } my problem not change views. have added storyboard segue between 2 views identifier of network_failure . not have navigation controller or that, problem? thanks help! no not problem. first of all, in objectivec exists nil object oriented null . must use that. so: if(connect == nil) or better: if(!connect) so due fact nil not same of null , probably code does't enter in if scope . you have been able discover breakpoint. anyway: be sure set trigger segue (line) 2 view controller , , name network_failure (that not best name. should instead view1toview2 ) as, m...
Read more