Forum | Appery.io

I followed this tutorial to setup google map geolocation:
http://help.gotiggr.com/getting-start...

But when I click on the marker, info window (popup) doesn't come up. I tried adding the Google API 3 InfoWindow function to the geolocation component, but the infowindow doesn't come up. Plz help!

Did you check this option?

That option is for the standard marker that you set via marker properties, no? Geolocation service component displays another marker that doesn't allow me to click and display the info window.

Again, my geolocation setup is based on this tutorial: http://help.gotiggr.com/getting-start...

Can you share the code that you used to add the info window?

This is the code that I have on the geolocation component - Event (Success) - Run Custom Javascript, but not working...

Do I need to change "markerX" to something else?

var map = Tiggr('googlemap1');
map.options['address']='';
map.refresh();

var infowindow = new google.maps.InfoWindow();
//clicklistener
google.maps.event.addListener(markerX, 'click', function() {
infowindow.setContent('Marker #X');
infowindow.open(Tiggr("googlemap1").gmap, markerX);
});

Instead of using Tiggzi(...) function to get the map, try to get the map div directly, like this:
var map = document.getElementById("map_div"),

Thx Max, but I just can't get this work...

So I decided to go another route...

I would like to customize the marker for the geolocation. I used this code on the geolocation component - Event (Success) - Run Custom Javascript, but not working...

Do you have any advice on this? Thx.

var map = Tiggr('googlemap1');
map.options['address']='';
map.refresh();

var marker = new google.maps.Marker({
icon: 'http://www.example.com/images/custom-...',
title: "Testmarker"
});

Tiggr("googlemap1").options.mapElement.gmap('addMarker', marker);

You should add InfoWindow to the marker: https://developers.google.com/maps/do...

I am using the below code on geolocation success. but its not working.

var map = Appery('GMaps');
map.setProperty('address','');
map.refresh();

var marker = new google.maps.Marker({
animation: google.maps.Animation.DROP,
title: "Location Found"
});

marker.setMap(map);

google.maps.event.addListener(marker, 'click', function() {
confirm('Do you want to add details for this house?');
});

I have disabled the 'Show marker' on the GMap but nothing is shown on the screen.
If I enable it then i was unable to click on marker using the above code.

Hi John,

Did you get it working?