Hello using Google maps V3 Infowindow with link, If click on the link I want to show the information in a FaceBox. The only problem I have is that I cannot get it to work when linked to from an info window. It works perfectly when linked to from a regular link. Does anyone know what I may be doing wrong to prevent it from working? I have all of the necessary .css and .js files on the server. I know these are placed correctly since, i am using the same facebox in the same page works perfectly when linked to from a regular link
This is my below code to load the content in infowindow
<div class="mt">
<div class="fl">
<a id="detailsLink" class="jsDetailsLink" href="/profile/201/Brehead" rel="facebox">More profile information</a>
</div>
</div>
This just loads as a new page in the browser window (It is supposed to load into a Facebox window)
Thanks to everyone who is so kind as to help me out. I am fairly new to google maps and appreciate all assistance!
Info Windows are not clickable. If you want to add a clickable hyperlink then you should add an Infobubble. The javascript for this can be found at this link. Note that these were only implemented in Google Maps v 3. The github download for infobubble is here
Related
I am trying to find embed in HTML for the Halloween 2018 (https://www.google.com/doodles/halloween-2018) google doodle into a site.
I have tried view-source, but I only get a gif for the cover for the doodle.
Is there any other way I can get the HTML source code?
view-source:https://www.google.com/doodles/halloween-2018
That?
Did you try it after you clicked the doodle? I just opened it up, then did ctrl-U
Also, you could just put view-source: in front of any url and open it up without doing it from the site
Using Jekyll, I was trying to prevent a Google Maps link from
loading each time by replacing it with a "clickable" image, so that the
map would only load "on demand" when clicked; I thought that was smart,
but it doesn't work :-( Would anybody see what's wrong and help me out?
https://maps.google.com/maps?ll=-1.501633,29.631358&z=12&t=m&hl=en-US&gl=RW&mapclient=embed&cid=17550833976507367943
Took a screenshot of the "embedded" map, cropped that, and created a
link to that image (assets/google_maps.png) in the README.md like this:
<img src="/assets/google_maps.png" alt="" width="288" height="184" />
This works fine locally at 127.0.0.1/4000 but having git pushed it, the
image only shows here:
https://github.com/veteranssafaris/veteranssafaris/blob/master/README.md
and not here:
https://veteranssafaris.github.io/veteranssafaris/
and I can't figure out what's wrong.
The image is located here:
https://github.com/veteranssafaris/veteranssafaris/blob/master/assets/google_maps.png
I googled around and had so many unspecific results, and though I read
many of them, I don't manage to understand this.
Can anybody please tell me what I am missing here? Is there a way to
prevent Google maps (or some other such link) to load each time by
linking it to a (low res) clickable image file of itself, to save some
bandwidth/CO2, and only load it on demand?
Thanks a lot!
Your webpage url is: https://veteranssafaris.github.io/veteranssafaris/
So your website is located under veteranssafaris and you have to generate links having that in mind:
<img src="/veteranssafaris/assets/google_maps.png">
In Jekyll, addd the subpath to _config.yml:
baseurl: /veteranssafaris
Then make sure you use that when generating links:
<img src="{{site.baseurl}}/assets/google_maps.png">
so I have a web page I've been working on that uses embedded Google Docs in an iFrame to keep it updated without having to hard code notices/updates.
I came across a problem, where if you were to click on a link it opens in the iframe instead of opening in a new tab, which is preferable. I've tried things like:
<base target="_blank" />
Any ideas on how to accomplish this? (Note that with Google docs I can't find a way to change the way links are handled, so I'd need to do that on the end of the main page.)
i trying use image from google drive at my html-page, i shared image and copied link to file.
and pasted it to image tag:
<img ng-src="https://drive.google.com/open?id=0B0etQtBsI2KmVGVmYjNOSS15VVk" />
but it don't displays:
may be somebody knows how i can resolve it ? Thanks for your answers!
That won't work, the link you are using is an html page.
Taken from question Displaying files (e.g. images) stored in Google Drive on a website
Replace the open part of the link with uc and it will work. It will become <img src="https://drive.google.com/uc?id=0B0etQtBsI2KmVGVmYjNOSS15VVk" />
Per October 2021, I tried this way and this is worked for me.
Make sure your file permission is "Anyone with the link (Anyone on the internet with this link can view)".
Copy your link. For example: https://drive.google.com/file/d/1ABKic44czHx37335mQSfFzOuX4WUk3II/view?usp=sharing.This is my image:
Open this link in the new tab of your browser.
After that, click in this image and drag into new tab. You will see a drop down arrow like in this picture:
Copy the link from this new tab. For my link it will become: https://lh4.googleusercontent.com/2OwFYkb4hQl4f7HmBoS__I1k6MUy7Vxz2dYrYHkL6J-VegICE-Ie81ZKfKF-vvqv8GQ8S5A4XxIMYaEvWpI=w3360-h1720-rw
I'm new to creating extensions and I also don't know much about html but I have an idea for a chrome extension that should be pretty simple so if you give me a little help I may be able to do it.
I want a popup to open when the user clicks the extension-icon (like most extensions) and the popup is supposed to contain a webpage like "http://google.com". That's actually about it. I created the manifest file with the required data and thats fine, now I need to know how to make the html file contain the external webpage.
Another problem: when I tried different things in the html file the popup was tiny and just white.
I hope someone can give me hint. Thanks!
I have made an extension wich displays links to several websites.
My popup.html looks like this:
<!DOCTYPE html>
<html>
<body>
<p>
<a href="http://www.google.com" target="_blank>Google</a> <br/>
<a href="http://stackoverflow.com" target="_blank>StackOverflow</a> <br/>
</p>
</body>
</html>
The target="blank means it opens the site in a new tab
More information about html is found here:
http://www.w3schools.com/html/html_links.asp
Be sure to make the icon 19x19 pixels,and be sure to name it in the manifest.json file
with the filename extension for example
"browser_action":{
"default_icon":"iconname.png",
"default_popup":"popup.html"
}
You should be able to use an iframe tag within your popup. I do that many times to point the user a FAQ page hosted outside.