How can we add a Google map with WordPress.
Consider my coordinates
<longitude>17.549062233809</longitude>
<latitude>40.68792578497581</latitude>
Please can anybody give me an idea.
Thank you
If you just want a static map for those coordinates then you can type 40.687926,17.549062 into http://maps.google.com/ and get the map embed code, which is:
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=40.687926,17.549062&aq=&sll=37.0625,-95.677068&sspn=36.231745,70.136719&ie=UTF8&ll=40.687173,17.550865&spn=1.085161,2.191772&z=9&output=embed"></iframe>
Just copy and paste that anywhere in your blog.
Otherwise use the other suggestion.
Embed a map using google maps api for javascript and assuming you give the coordinates because you want to place a marker check here
Related
I'm using this code but not working
<iframe class="youtube-player" width="100%" height="400" src="http://www.youtube.com/embed/https://drive.google.com/file/d/0BwbA32qGbwr8TTdidmFMZnV3SDg/view" frameborder="0"></iframe>
please help me
thanks
That's will be conflict in that way, you can't force like that.
you can try on this https://developers.google.com/youtube/iframe_api_reference
Does anybody knows why this code is no more showing the Google Map?
It is on a Wordpress widget. It has worked before now.
<div class="Flexible-container clearfix">
<div class="textwidget">
Versione ingrandita della mappa</div>
</div>
Otherwise if you put the map URL on a browser you can see the map regularly
Thanks, bye
I think the correct way to do that now is to use the iframe approach, aka Google Maps Embed API.
With which you use:
<iframe
width="600"
height="450"
frameborder="0" style="border:0"
src="https://www.google.com/maps/embed/v1/place?key=API_KEY
&q=Space+Needle,Seattle+WA" allowfullscreen>
</iframe>
this to embed your maps onto your page.
Note that you need an API key and you can get it from the Google Developers Console.
Need help on this.
I need a simple iframe embed code to integrate my venue on Foursquare to my website.
The appearance something look like attached picture as below.
Any idea?
Like this?
<iframe src="https://foursquare.com/v/foursquare-hq/4ab7e57cf964a5205f7b20e3" width="960" height="800">
<p>Your browser does not support iframes.</p>
</iframe>
I'm using embed code to do live stream and the embed code like youtube one works perfectly
but some of them I have to use code such as iframe the fullscreen feature doesn't work.
<iframe src="linkhere" width="600" height="450"/>
and I can not toggle the video into fullscreen
will it be any possible way to make it fullscreen if they click on the option?
or will it be any other embed code that similar to iframe to use?
Your problem could be that the flash plugin recognises iframe as your "fullscreen"..
When looking at the youtube embed code, i recognised a function "allowfullscreen" within the iframe definition
make sure you also have this part in your code..
<iframe width="560" height="315" src="http://www.youtube.com/embed/NWHfY_lvKIQ" frameborder="0" **allowfullscreen**></iframe>
else there might be another option beside an iframe..
I want to play a URL in an iframe. When I place any other URL in the following line, it works fine, but when I enter the YouTube URL I get a blank page. Can anyone tell me where I am going wrong, or suggest any other method by which I can play the YouTube URL in an iframe?
<iframe width="100%"
height="610px"
frameborder=0
marginwidth="0"
marginheight="0"
scrolling="yes"
name="frmTest"
src="http://www.youtube.com/watch?v=dG5irzonTXA">
</iframe>
Your code will open a normal YouTube page. If I'm correct you want to have an iframe with video in it.
Try this: https://developers.google.com/youtube/youtube_player_demo
There's lot's of documentation there too.