Get image from google maps iframe - javascript

Can I get image from google maps iframe? Thanks.
For example I have next iframe:
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com.ua/maps?q=%D0%BD%D0%B8%D0%BA%D0%BE%D0%BB%D0%B0%D0%B5%D0%B2+%D1%83%D0%BA%D1%80%D0%B0%D0%B8%D0%BD%D0%B0&ie=UTF8&hq=&hnear=%D0%9D%D0%B8%D0%BA%D0%BE%D0%BB%D0%B0%D0%B5%D0%B2,+%D0%9D%D0%B8%D0%BA%D0%BE%D0%BB%D0%B0%D0%B5%D0%B2%D1%81%D0%BA%D0%B0%D1%8F+%D0%BE%D0%B1%D0%BB%D0%B0%D1%81%D1%82%D1%8C&gl=ua&t=h&z=10&ll=46.975033,31.994583&output=embed"></iframe>
And I need tage an image of this map. It`s really?

You cannot have access to the content of an iframe of different domain. See jQuery/JavaScript: accessing contents of an iframe.

Related

Problems getting index of Iframe playlist

I am not using Iframe's api but simply embedding iframe as follows.
<iframe id="ytplayer" type="text/html" width="640" height="360"
src={`https://www.youtube.com/embed/?listType=playlist&list=PLAYLISTID`}
frameBorder="0" allowFullScreen></iframe>
Is there a way to call the function player.getPlaylistIndex():Number without implementing iframe's api?

How to copy original URL from a iframe?

I have to display multiple site pages on my website.
I would like to display one page from each site on a single page.
I guess it is best to use iframe?
How could a user copy the URL of the original webpage out of the iframe?
Currently I use YouTube embedded iFrame
<iframe width="560" height="315"
src="https://www.youtube.com/embed/8gESFEtIx1A" frameborder="0"
allowfullscreen>
</iframe>

Set specific Google maps API location

I am trying to get google maps to show on my website, with a specific pinpoint of a chosen address. In order to achieve this, I am trying to use google maps api, however I can only get the basic view of the map without narrowing it down to my chosen location.
<iframe width="100%" height="400px"
frameborder="0" scrolling="no" marginheight="0" marginwidth="0"
src="http://maps.google.com/maps? hl=en&ie=UTF8&ll=37.0625,-95.677068&spn=56.506174,
79.013672&t=m&z=4&output=embed">
</iframe>
Am I on the right track?
assuming you lat lng are 37.0625,-95.677068 you can try
<iframe width="100%" height="400px" frameborder="0"
scrolling="no" marginheight="0" marginwidth="0"
src="http://www.google.com/maps/place/37.0625,-95.677068"></iframe>
Try search specific place on maps.google.com, share the location and use embed code.

how add my place on google map to my website?

I want to add a location to my website. my business location It is added to google. I want show it on my web page like this. I am using PHP. Google API did not highlight my location like this. How i add the map and highlight it.
link to see my place.
<iframe width="600" height="450" frameborder="0" style="border:0"
src="https://www.google.com/maps/embed/v1/view?zoom=20&center=9.6502435%2C76.3675044&key=************************">
</iframe>
<div id="map-canvas"></div>*
I am using this to show map. It does not highlight my place, is there any way?
Looks to me like you just need to zoom in closer before you create the embedded map. I see your place "highlighted" when I do that:
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7866.698261635076!2d76.36893404541627!3d9.651179823938902!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0000000000000000%3A0x93fa22a41aac4d75!2sKanivu+Charitable+Trust!5e0!3m2!1sen!2sin!4v1433709664971" width="600" height="450" frameborder="0" style="border:0"></iframe>
code snippet:
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7866.698261635076!2d76.36893404541627!3d9.651179823938902!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0000000000000000%3A0x93fa22a41aac4d75!2sKanivu+Charitable+Trust!5e0!3m2!1sen!2sin!4v1433709664971" width="600" height="450" frameborder="0" style="border:0"></iframe>

How to write HTML for embedding Flash content

I am having a URL of some MSN video as http://video.in.msn.com/watch/video/the-help-theatrical-trailer/fcvrtnl7,
I would like to create a HTML document in such a fashion so that if I load that HTML document then, only that running flash content present in the link mentioned below should come. I have created a HTML doc but when I load that, I am able to see only Flash player on my page , it is not playing any video content in that.
Below mentioned is the HTML code. Please advice am I missing execution of any Javascript, if yes then how to identify which is the required Javascript to get the video loaded in the flash player.
<html>
<body topmargin="0" leftmargin="0">
<embed
type="application/x-shockwave-flash"
src="http://img.widgets.video.s-msn.com/v/5407.02/fl/player/current/player.swf"
width="800" height="450" "autoplay=false"
type="application/x-shockwave-flash"
id="rich_embed_460916691"
data="http://img.widgets.video.s-msn.com/v/5407.02/fl/player/current/player.swf"
PARAM=""
bgcolor="#000000"
allowScriptAccess="always"
quality="high"
wmode="window"
allowFullScreen="true"
flashvars="playlistmin=11&ps=10&mode=destination&ifs=true&playAdBeforeFirstVid=true&endslateTime=1&slateAd=true&pl=false&adaptiveBuffering=false&hideShare=false&hideInfo=true&hideSearch=true&hideMoreVideos=true&hidePlaylist=true&rst=v5&mkt=en-in&fr=dest_en-in&reportingType=dest&brand=v5%5e800x450&adEventTimeout=15&adFull=Web&adPartial=Partial&adModelType=MSN&adDivs=ux1_2_1_300x60ad_msn%2c300%2c60%3bplayer1000x650ad%2c1000%2c650%3bplayer1380x1024ad_temp%2c1380%2c1024%3bplayer1380x650ad%2c1380%2c650&timePlaying=60&videosPlayed=1&ad=true&vc=catalog.video.msn.com&vce=edge1.catalog.video.msn.com%2cedge2.catalog.video.msn.com%2cedge3.catalog.video.msn.com%2cedge4.catalog.video.msn.com&vci=img1.catalog.video.msn.com%2cimg2.catalog.video.msn.com%2cimg3.catalog.video.msn.com%2cimg4.catalog.video.msn.com&msnlink=true&linkOverride2=http%3a%2f%2fvideo.in.msn.com%2f%3fmkt%3den-in%26vid%3d%7b0%7d%26from%3d&linkBack=http%3a%2f%2fvideo.in.msn.com%2f&ap=true&widgetId=ux1_2_1_1_5&rv=true&rvp=false&versionPath=%2fv%2f5407.02%2f&qualityOverride=LO"
/>
</body>
</html>
On the page you refer to there is a 'Share' button.
If you click it, it gives you the code you can copy and paste:
<iframe
width="432"
height="243"
frameborder="0"
marginwidth="0"
marginheight='0'
scrolling="no"
src="http://hub.video.msn.com/embed/b7dad6f8-9355-4ccc-8b1b-d6eea6f28764/?vars=bWt0PWVuLWluJmJyYW5kPXY1JTVlODAweDQ1MCZsaW5rb3ZlcnJpZGUyPWh0dHAlM2ElMmYlMmZ2aWRlby5pbi5tc24uY29tJTJmJTNmbWt0JTNkZW4taW4lMjZ2aWQlM2QlN2IwJTdkJTI2ZnJvbSUzZCZsaW5rYmFjaz1odHRwJTNhJTJmJTJmdmlkZW8uaW4ubXNuLmNvbSUyZiZjb25maWdDc2lkPU1TTlZpZGVvJmNvbmZpZ05hbWU9c3luZGljYXRpb25wbGF5ZXImc3luZGljYXRpb249dGFnJnBsYXllci5mcj1zaGFyZWVtYmVkLXN5bmRpY2F0aW9u">
Video: The Help: Theatrical trailer
</iframe>
As #GabrielTheron suggested it is an iframe.
I'm no expert here, but perhaps an iframe might be easier/better to use?
I know it's quite a common way to use external content in a webpage (especially Flash content).

Categories