google maps api autocomplete works at localhost but does not work on the server -

-

i used google maps api autocomplete of places.

everythings works in localhost, when publish , upload on server, doesn't work...why happen? dropdown of places not show.

here html:

  <input type="text" id="autocomplete">

here js:

<script src="https://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>   <script> var autocomplete;  function initialize() {    autocomplete = new google.maps.places.autocomplete(     (document.getelementbyid('autocomplete')), {       types: ['(cities)'],       componentrestrictions: { country: "ph" }     });   google.maps.event.addlistener(autocomplete, 'place_changed', function () {     fillinaddress();   });  }  placeparser = function(place){   result = {};   for(var = 0; < place.address_components.length; i++){     ac = place.address_components[i];     result[ac.types[0]] = ac.long_name;   }   return result; };   function fillinaddress() {    var place = autocomplete.getplace();   document.getelementbyid("latitude").value = place.geometry.location.lat();   document.getelementbyid("longitude").value = place.geometry.location.lng();    components = placeparser(place);  }  initialize();

there 3 issues

  1. you calling initialize without knowing if maps-api has been loaded, remove call of initialize , use callback-parameter of maps-api instead

  2. the maps-api requires key.
    seems there circumstances(undocumented) may work without key(i guess requests localhost , domains have been used maps-api before key has been required), domain doesn't match criteria, should/must use key

  3. (additionally)i call bug google: seems, use of places-library requires places api web service has been activated project( before sufficient activate maps javascript api )


Comments

Post a Comment

Popular posts from this blog

sequelize.js - Sequelize group by with association includes id -

-
so when requesting group sequelize follows: return models.workingcalendar .findall({ attributes: [ 'workingcalendar.periodid', 'workingcalendar.date', 'period.name' ], include: [ { model: models.period, attributes: [] } ], where: { getsudoid: currentgetsudo.id, unitplantid: unitplantid }, group: ['workingcalendar.periodid', 'workingcalendar.date', 'period.name'], }); sequelize run query: select [workingcalendar].[id], [workingcalendar].[periodid], [workingcalendar].[date], [period].[name] [workingcalendars] [workingcalendar] left outer join [periods] [period] on [wor...
Read more

c++ - Migration from QScriptEngine to QJSEngine -

-
i'm migrating qscriptengine code on qjsengine. now, have: class pars { public: static qscriptvalue printmainlog(qscriptcontext* c, qscriptengine* e); }; qscriptvalue pars::printmainlog(qscriptcontext* c, qscriptengine* e) { //some actions return e->globalobject().property(""); } ... qscriptengine engine; ... engine.globalobject().setproperty("printlog",engine.newfunction(pars::printmainlog)); so, user can put printlog("what ever"); in application in , example, qlineedit , function pars::printmainlog evalute. is there way qjsengine? so, user put same printlog("what ever");? way find here , user should put logger.printlog("what ever"); logger class inherited qobject printlog slot.
Read more

delphi - Take screenshot in webcam using VFrames in Console Application -

-
i'm doing program take picture of webcam using delphi xe2 , vframes achieve this, problem have figured out, in graphic application works fine, when use unit in console application, returns me error saying first chance exception @ $76b6b727. exception class eaccessviolation message 'access violation @ address 004a271b in module 'console.exe'. read of address 00000260'. process console.exe (3676) my unit : unit webcam; interface uses sysutils, windows, vcl.imaging.jpeg, vcl.graphics, vsample, vframes, classes; type twebcam = class private procedure newvideoframeevent(sender: tobject; width, height: integer; dataptr: pointer); public constructor create; destructor destroy; override; procedure capture_webcam(take_name: string); end; var web_image: tvideoimage; name_screen: string; implementation constructor twebcam.create; begin inherited create; end; destructor twebcam.destroy; begin inherited destroy; end; ...
Read more