javascript - Integrating Google places list in a web page -


my requirement integrate google places search result list (without map) in page (the goal display branches of client in web application). example of want integrate in attached image.

enter image description here

i tried embed map following code.

<iframe src="https://www.google.com/maps/embed?pb=!1m12!1m8!1m3!1d62858.81389293284!2d76.2390258!3d10.0435831!3m2!1i1024!2i768!4f13.1!2m1!1sairtel+ernakulam!5e0!3m2!1sen!2sin!4v1503061587618" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

but getting google map places listed markers.

is there easy way embed embed google map, or need use google places api results, details, images, rating , create own ui display those? please help.


Comments

Post a Comment

Popular posts from this blog

angular - DownloadURL return null in below code -

when change file updated in firebase storage when try downloadurl show null. filechange(event: any) { const imagefolder: string = this.employee.id; const filelist: filelist = event.target.files; const file: file = filelist[0]; const storageref = firebase.storage().ref().child(`${imagefolder}/profile.jpg`).put(file); console.log(storageref.snapshot.downloadurl); } the put() asynchronous. if want url after file uploaded have this: firebase.storage().ref().child(`${imagefolder}/profile.jpg`).put(file).then((snapshot) => { storageref = snapshot.downloadurl: console.log(snapshot.downloadurl); });
Read more

meteor - inserting data to database gives error "insert failed: Method '/texts/insert' not found" -

i have other project broke somehow(i have no idea) , rebuilt app same file names , code , working fine. problem when go insert data database called texts error insert failed: method '/texts/insert' not found not know wrong because copied every line of code previous project , problem came wasn't there before. confuses me when create user accounts accounts.createuser() works fine. sendtext.js import react "react"; import {texts} "./../api/text"; import {withrouter} 'react-router-dom'; import {meteor} "meteor/meteor"; import {accounts} "meteor/accounts-base" class sendtext extends react.component{ send(e){ e.preventdefault(); let message = this.refs.message.value; let name = accounts.user().username if(name != ""){ if(message){ texts.insert({ name, message }); this.refs.m...
Read more