Is it possible to insert the iframe of a google maps map?

Navigation
0

I am creating a tool where users are given the possibility to insert the iframe of google maps in a text field, that is, this: 

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d481728.80462972773!2d-99.42381643176068!3d19.390519022922902!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x85ce0026db097507%3A0x54061076265ee841!2sCiudad+de+M%C3%A9xico%2C+CDMX!5e0!3m2!1ses-419!2smx!4v1545444246303" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

However, many users do not insert the iframe as such, they insert the complete URL, something like this:

link

I would like to know if there is any way to open the map in a modal of boostrap and from there obtain the iframe of said map, or at least the coordinates to build said iframe, or something like that to prevent users from leave the control panel, search in google and insert other data that are not expected.

I've searched the google maps documentation, but I'm afraid you have to pay to use the google API :(

The project is in php and jquery.

Thanks for the info.

    
asked by Neftali Acosta 22.12.2018 в 03:07
source

1 answer

1

You can use google maps using maps api 

<iframe
  width="600"
  height="450"
  frameborder="0" style="border:0"
  src="https://www.google.com/maps/embed/v1/place?key=YOUR_API_KEY
    &q=Space+Needle,Seattle+WA" allowfullscreen>
</iframe>

iframe google maps documentation

Create api in google maps

    
answered by 22.12.2018 в 03:15
Paint full row of a grid [closed] date range datepicker c #