Googlemaps javascript api zoom control +/- signs dissapear - javascript

I have to fix a display problem in an interactive online map that uses the Google Maps Javascript API. The problem is that the +/- signs to zoom appear a fraction of a second when the page is initially loaded but then disappear. Here is the link URL of the map:
https://www.ctq.gouv.qc.ca/fileadmin/documents/CarteInteractive/carte.html
If anyone has an insigh on how to adress that problem, that would be very much appreciated!

The problem is the buttom has the opacity:0 so you could'nt see it for this reason. If you want to solve it you need check the API parameters and check if you need some paramaters or remove it.

Related

Google Maps map doesn't load anymore

I have a problem with my GoogleMaps map that I added to my website.
The maps worked fine yesterday, with markers and all. Today, the code was not changed but when i load the page, markers appear but the map doesn't.
I tried to empty the cache, but it doen't work. Does anybody ever had the problem ?
Well i found the answer.
I'll answer my own question if anyone have the problem.
Apparently, the API key is optionnal but for a certain amount of requests. After a while, you will have to get a API key from Google to make it work.

How to give marker a z-index wild-googlemaps

Probably impossible without using an API, but I'm going to ask anyway because it would save me so much pain and tears.
Is there a way to give a googlemaps marker a z-index without using the API? I've got the plug-in called Wild-Googlemaps implemented on my wordpress site. And I've created a googlemaps div, with an overlaying div set to opacity:0.7 for styling purposes.
Now I've lost the ability to click the marker, so I need to somehow change its z-index.
Anyone had this problem or has any ideas? Much appreciated.
Thanks in advance.
You cannot do that without accessing API.
By default all markers are created as a part of a map canvas and you cannot access them (they don't belong to the DOM tree). You could do that after turning off optimized parameter passed during creation of the marker (take a look at
description of marker parameters), but this require access to API.

Mapping: Click on a marker, show content next to the map?

I am kind of newbie in geocoding, so I hope you can give me some hints how to get the following:
I want to make a map with D3 or leaflet that has some marker on it. If you click on a marker, information should pop up/be shown right next to the map. Kind of like in this example: http://www.washingtonpost.com/wp-srv/special/local/14th-street-businesses/
How can I accomplish this?
I guess there are 3 components involved. I need help with 2 of them.
The map: I can do that
Some kind of ajax, because I don't want the page to be loaded, if you click on a marker - right?
Some kind of jquery/javascript that opens on the righthand side if I click on a marker - right?
Plus: If you know any tutorials, case studies etc. that deal with this kind of task, please let me know.
Thanks!
I accomplished my goal by combining leaflet and jquery following this tutorial and extending it http://palewi.re/posts/2012/03/26/leaflet-recipe-hover-events-features-and-polygons/
Or maybe this http://leafletjs.com/examples/choropleth.html ? It's similar to what you are asking with few adjustments. You should play with the css to make it right for you. Instead of the numeric values of the example you can enter anything you want(images, html code etc)

Adding Google Maps to website with MapInnovations

I'm trying to integrate Google Maps on to my website, but the Google Maps api is a little bit complicated (for getting driving directions to show up). I'm wondering if anyone has had success using the tool from MapInnovations, as I've seen it on a couple of sites but I'm having some trouble getting the directions box to show up on my page. I put the addressbox div in the body tag and the other piece of code before my HTML tag, but all that shows up is a grey line.
Thanks in advance for any guidance.
I don't have experience with MapInnovations, but MapStraction one of the standards for map abstraction.

Google Maps Sidebar Render Issue

I wonder whether it's possible that someone could help me please with a problem I've been trying to solve for over a week now.
I'm using this page to try and implement sidebar functionality to my Google map with the list entries and associated map markers switched on and off via category checkboxes.
I can get the markers to appear and disappear via the checkboxes, but I can't get the sidebar to render on the page.
As I said I've spent a lot of time on this and I seem to be going round in circles and I just can't work out where I'm going wrong.
I just wondered whether it's at possible that someone could take a look at this please and let me know where I've gone wrong.
Sincere thanks and kind regards

Categories

Resources