×

Notice

The forum is in read only mode.
Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC: Zoom from InfoWindow

Zoom from InfoWindow 13 years 4 months ago #12944

  • Eliecer Marchante
  • Eliecer Marchante's Avatar Topic Author
  • Offline
  • Platinum Boarder
  • Platinum Boarder
  • Posts: 493
  • Karma: 11
  • Thank you received: 13
Hi Daniel,

I don't have a Zoom option in any InfoWindow.

This is what you have in http://demo.compojoom.com/hotspots



You have Directions, Zoom and Read more

This is what I have:



I deactivated the 'Read more' option because I don't want the browser to be opening another page. As you can see, the Zoom option is not there. Do I have to activate it some place?

Thanks in advance.

Zoom from InfoWindow 13 years 4 months ago #12951

  • Daniel Dimitrov
  • Daniel Dimitrov's Avatar
  • Away
  • Administrator
  • Administrator
  • Posts: 9618
  • Karma: 155
  • Thank you received: 1081
There is a zoom option in the backend and also if you are zoomed after level 5(I think ) the zoom is not there

Zoom from InfoWindow 13 years 4 months ago #12960

  • Eliecer Marchante
  • Eliecer Marchante's Avatar Topic Author
  • Offline
  • Platinum Boarder
  • Platinum Boarder
  • Posts: 493
  • Karma: 11
  • Thank you received: 13
Well,

yes, there are 2 zoom options in the backend, but none of them looks like will activate that option.

Zoom from InfoWindow 13 years 4 months ago #12975

  • Daniel Dimitrov
  • Daniel Dimitrov's Avatar
  • Away
  • Administrator
  • Administrator
  • Posts: 9618
  • Karma: 155
  • Thank you received: 1081
2 zoom options??? What are the names of those?

Zoom from InfoWindow 13 years 4 months ago #12984

  • Eliecer Marchante
  • Eliecer Marchante's Avatar Topic Author
  • Offline
  • Platinum Boarder
  • Platinum Boarder
  • Posts: 493
  • Karma: 11
  • Thank you received: 13
Hi Daniel,

The 1st one is under Basic Settings (Start zoom of the map) = 12

The 2nd one is under Advance Settings (Zoom of the search) = 15

I still don't see any zoom in any of my infowindows. I know that If I zoomed to be closer to the map, the zoom disappear. But I don't have that Zoom option at all, doesn't really matter how far I am from the map.

Zoom from InfoWindow 13 years 4 months ago #12990

  • Daniel Dimitrov
  • Daniel Dimitrov's Avatar
  • Away
  • Administrator
  • Administrator
  • Posts: 9618
  • Karma: 155
  • Thank you received: 1081
ok, just checked the code. The only condition to show the zoom link is to have zoom smaller than 10. If you are already with zoom level 11, you won't see it.

You can edit line 415 in Hotspots.js
		var zoom = '';
		if(this.map.getZoom() < 10) {
			zoom = new Element('span', {
				'html' : this.locale.zoom,
				'class' : 'link',
				events: {
					click: function(){
						self.map.setCenter(new google.maps.LatLng(hotspot.latitude, hotspot.longitude));
						self.map.setZoom(10);
						self.infoWindow.close();
					}
				}
			});
		}

change 10 to 15 for example

Zoom from InfoWindow 13 years 4 months ago #13038

  • Eliecer Marchante
  • Eliecer Marchante's Avatar Topic Author
  • Offline
  • Platinum Boarder
  • Platinum Boarder
  • Posts: 493
  • Karma: 11
  • Thank you received: 13
Thanks,

That did the trick.

Zoom from InfoWindow 13 years 4 months ago #13115

  • Bruce Hatton
  • Bruce Hatton's Avatar
  • Offline
  • Senior Boarder
  • Senior Boarder
  • Posts: 62
  • Thank you received: 0
Great!

Following on from this, is there a way to disable the green bar altogether?

Currently I can disable Read More, but would it be possible to disable Zoom and Directions as well?

I am working on a site where directions may not be relevant/needed.

This component is awesome.

Zoom from InfoWindow 13 years 4 months ago #13120

  • Daniel Dimitrov
  • Daniel Dimitrov's Avatar
  • Away
  • Administrator
  • Administrator
  • Posts: 9618
  • Karma: 155
  • Thank you received: 1081
WEll, if you actually comment the code in the infoWindowToolbarActions function in media/com_hotspots/js/Hotspots.js on line 389, then the toolbar should actually not appear (haven't tested it, but in theory it should work :))

Zoom from InfoWindow 13 years 3 months ago #13123

  • Iki Cvetkovski
  • Iki Cvetkovski's Avatar
  • Offline
  • Senior Boarder
  • Senior Boarder
  • Posts: 69
  • Thank you received: 0
Bruce,

Go to hotspots.css to line 523 and add:

#hotspots .link, #hotspots .link a:link {
color: #009ADE;
cursor: pointer;
visibility: hidden;

then go to line 501 and add:

#hotspots-links {
border-radius: 0 0 0 0;
padding: 0;

All you need after this is to fix the balloon, so you can cut the empty margin a bit :)

Zoom from InfoWindow 13 years 3 months ago #13136

  • Bruce Hatton
  • Bruce Hatton's Avatar
  • Offline
  • Senior Boarder
  • Senior Boarder
  • Posts: 62
  • Thank you received: 0
Hi Daniel,

I tried it, but am not sure on which line I should end end the commenting...

Zoom from InfoWindow 13 years 3 months ago #13137

  • Bruce Hatton
  • Bruce Hatton's Avatar
  • Offline
  • Senior Boarder
  • Senior Boarder
  • Posts: 62
  • Thank you received: 0
Hi Iki,
I also tried your changes to the css, but couldn't get it to work properly.
Could you give me the full example from line 500 onwards?

Zoom from InfoWindow 13 years 3 months ago #13139

  • Iki Cvetkovski
  • Iki Cvetkovski's Avatar
  • Offline
  • Senior Boarder
  • Senior Boarder
  • Posts: 69
  • Thank you received: 0
I don't have that code implemented, I just tried to help you and did it with firebug and it was working properly :) it should work, btw..

Zoom from InfoWindow 13 years 3 months ago #13148

  • Daniel Dimitrov
  • Daniel Dimitrov's Avatar
  • Away
  • Administrator
  • Administrator
  • Posts: 9618
  • Karma: 155
  • Thank you received: 1081
Bruce, I'll give you a chance to try again and experiment :) Experimenting with those things will teach you a lot of things that will help you in your life as a web admin :)

If you are really sure that you cannot manage to do it, then I'll post a complete code sample :)
Daniel
  • Page:
  • 1
Time to create page: 0.169 seconds