javascript - Suggestion box only displays , , -


i making mashup website involves map, , search textbox in javascript. title says, no matter inputted search box, 2 commas appear in suggestion box , when suggestion clicked on, turn map gray , unusable. whats problem? javascript file, function located in configure function

// google map var map;  // markers map var markers = [];  // info window var info = new google.maps.infowindow();  // execute when dom loaded $(function() {  // styles map // https://developers.google.com/maps/documentation/javascript/styling var styles = [      // hide google's labels     {         featuretype: "all",         elementtype: "labels",         stylers: [             {visibility: "off"}         ]     },      // hide roads     {         featuretype: "road",         elementtype: "geometry",         stylers: [             {visibility: "off"}         ]     }  ];  // options map // https://developers.google.com/maps/documentation/javascript/reference#mapoptions var options = {     center: {lat: 35.7640, lng: -78.7786}, // cary, north carolina     disabledefaultui: true,     maptypeid: google.maps.maptypeid.roadmap,     maxzoom: 14,     pancontrol: true,     styles: styles,     zoom: 13,     zoomcontrol: true };  // dom node in map instantiated var canvas = $("#map-canvas").get(0);  // instantiate map map = new google.maps.map(canvas, options);  // configure ui once google map idle (i.e., loaded) google.maps.event.addlisteneronce(map, "idle", configure);  });  /**  * adds marker place map.  */ function addmarker(place) { var url = "/search?q=" + place; $.getjson(url, function(data){     var location = data.latitude + data.longitude;     mark = new google.maps.marker(location, map);     markers[0] = mark; });  }  /**  * configures application.  */ function configure() { // update ui after map has been dragged google.maps.event.addlistener(map, "dragend", function() {      // if info window isn't open     // http://stackoverflow.com/a/12410385     if (!info.getmap || !info.getmap())     {         update();     } });  // update ui after zoom level changes google.maps.event.addlistener(map, "zoom_changed", function() {     update(); });  // configure typeahead $("#q").typeahead({     highlight: false,     minlength: 1 }, {     display: function(suggestion) { return null; },     limit: 10,     source: search,     templates: {         suggestion: handlebars.compile(             "<div>" +             "<p>{{ place_name }}, {{ admin_name1 }}, {{ postal_code }}</p>" +             "</div>"         )     } });  // re-center map after place selected drop-down $("#q").on("typeahead:selected", function(eventobject, suggestion, name) {      // set map's center     map.setcenter({lat: parsefloat(suggestion.latitude), lng: parsefloat(suggestion.longitude)});      // update ui     update(); });  // hide info window when text box has focus $("#q").focus(function(eventdata) {     info.close(); });  // re-enable ctrl- , right-clicking (and inspect element) on google map // https://chrome.google.com/webstore/detail/allow-right-click/hompjdfbfmmmgflfjdlnkohcplmboaeo?hl=en document.addeventlistener("contextmenu", function(event) {     event.returnvalue = true;      event.stoppropagation && event.stoppropagation();      event.cancelbubble && event.cancelbubble(); }, true);  // update ui update();  // give focus text box $("#q").focus(); }  /**  * removes markers map.  */ function removemarkers() { // todo }  /**  * searches database typeahead's suggestions.  */ function search(query, syncresults, asyncresults) { // places matching query (asynchronously) var parameters = {     q: query }; $.getjson(flask.url_for("search"), parameters) .done(function(data, textstatus, jqxhr) {      // call typeahead's callback search results (i.e., places)     asyncresults(data); }) .fail(function(jqxhr, textstatus, errorthrown) {      // log error browser's console     console.log(errorthrown.tostring());      // call typeahead's callback no results     asyncresults([]); }); }  /**  * shows info window @ marker content.  */ function showinfo(marker, content) { // start div var div = "<div id='info'>"; if (typeof(content) == "undefined") {     // http://www.ajaxload.info/     div += "<img alt='loading' src='/static/ajax-loader.gif'/>"; } else {     div += content; }  // end div div += "</div>";  // set info window's content info.setcontent(div);  // open info window (if not open) info.open(map, marker); }  /**  * updates ui's markers.  */ function update()  { // map's bounds var bounds = map.getbounds(); var ne = bounds.getnortheast(); var sw = bounds.getsouthwest();  // places within bounds (asynchronously) var parameters = {     ne: ne.lat() + "," + ne.lng(),     q: $("#q").val(),     sw: sw.lat() + "," + sw.lng() }; $.getjson(flask.url_for("update"), parameters) .done(function(data, textstatus, jqxhr) {     // remove old markers map    removemarkers();     // add new markers map    (var = 0; < data.length; i++)    {        addmarker(data[i]);    } }) .fail(function(jqxhr, textstatus, errorthrown) {      // log error browser's console     console.log(errorthrown.tostring()); }); };

nvm, figured out in application.py, should have put jsonify(value) instead of jsonify([value]).


Comments

Post a Comment

Popular posts from this blog

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

i'm implementing inapp billing in android app. works well, however, i'm trying decouple broadcast receiver activity manifest. suggestion in android's trivialdrive sample: // important: dynamically register broadcast messages updated purchases. // register receiver here instead of <receiver> in manifest // because call getpurchases() @ startup, therefore can ignore // broadcasts sent while app isn't running. // note: registering listener in activity bad idea, done here // because sample. regardless, receiver must registered after // iabhelper setup, before first call getpurchases(). currently there's class extends broadcastreceiver : public class iabbroadcastreceiver extends broadcastreceiver { /** * intent action receiver should filter for. */ public static final string action = "com.android.vending.billing.purchases_updated"; private final iabbroadcastlistener mlistener; public iabbroadcastreceiver(iabbroadcastlistener listener) { m...
Read more

python Tkinter Capturing keyboard events save as one single string -

is possible store keyboard events 1 string? code below stores 1 char , prints it. card reader or bar code reader, contains collection of character/ string not 1 character @ time. goal save char pressed text variable. from tkinter import * root = tk() def key(event): text= event.char text+= event.char print ("pressed", text) def callback(event): frame.focus_set() print ("clicked at", event.x, event.y) frame = frame(root, width=100, height=100) frame.bind("<key>", key) frame.bind("<button-1>", callback) frame.pack() root.mainloop() currently, creating text variable , everytime key() function gets called, , text stores last character typed. you can define text module level variable , , use module level text inside key function - text = '' def key(event): global text text+= event.char print("pressed", text)
Read more

sql server - Why does Linq-to-SQL add unnecessary COUNT()? -

here tables: create table customer ( cid int primary key, name varchar(32) ) create table ord ( oid int primary key, cid int foreign key references customer, address varchar(20) ) here's linq-to-sql statement: var aaa = c in db.customer select new { c, o = c.ord.tolist() }; and here's inexplicable query generated linq-to-sql: select [t0].[cid] [cid], [t0].[name] [name], [t1].[oid] [oid], [t1].[cid] [cid2], [t1].[address] [address], (select count(*) [dbo].[ord] [t2] [t2].[cid] = [t0].[cid]) [value] [dbo].[customer] [t0] left outer join [dbo].[ord] [t1] on [t1].[cid] = [t0].[cid] order [t0].[cid], [t1].[oid] i want understand how rid of count(*) part. it's entirely uncalled for! linq needs count(*) in order determine number of entries returned o = c.ord.tolist() .
Read more