Mats

Congratulations!

You're welcome Ryan! Glad i could help.

 

Very nice site as always!

You're right Soma, it's my css that's messed up and i'm stuck in the old way of styling the navigation. I just have to rethink it.

 

Thanks for all your help!

I implemented the first of your requested features (MarkerClusterer) in your RCDMap class. You can find it here: http://processwire.c...ge-3#entry25865

 

Here it is in action (built for mobile): alltpaoland.com

radioparadise.com. Plays a lot of great stuff.

Try this:

$page->next

 

$page->prev

 

 

http://processwire.c...variables/page/

http://processwire.c...rkup-pager-nav/

If you use the dev version of PW you have built in support for Gravatar and webiste. 

 

 

https://github.com/r...eldtypeComments

Updated Ryans/drilonbs code to include marker cluster and custom icons. Marker clusters need this script to work. 

 

Here are the updated scripts: https://gist.github.com/4648340

 

Use at your own risk... If anyone with actual javascript skills could take a look at it, i'd appreciate it. 

 

/Mats

This might help: http://processwire.c...list/#entry8100

 

And welcome to the forums!

God jul och gott nytt år!

Haven't tried it yet but Jquery Cycle is nice:

http://jquery.malsup.com/cycle2/

Would it be possible to add drag and drop for pinning a location?

Like this: http://jsfiddle.net/salman/ZW9jP/4/

Got it working. Just the updating of the address filed when manually moving the marker is missing.

/**
* Display a Google Map and pinpoint a location for InputfieldMapMarker
*
*/

var InputfieldMapMarker = {

options: {
zoom: 5,
draggable: true,
center: null,
mapTypeId: google.maps.MapTypeId.HYBRID,
scrollwheel: false,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
},
scaleControl: false,

},

init: function(mapId, lat, lng) {
var options = InputfieldMapMarker.options;
options.center = new google.maps.LatLng(lat, lng);
options.zoom = 5;
var map = new google.maps.Map(document.getElementById(mapId), options);
var marker = new google.maps.Marker({
position: options.center,
map: map,
draggable: options.draggable
});
document.getElementById("_Inputfield_karta_lat").value = marker.getPosition().lat();
		document.getElementById("_Inputfield_karta_lng").value = marker.getPosition().lng();

		google.maps.event.addListener(marker, 'dragend', function (event) {
			document.getElementById("_Inputfield_karta_lat").value = this.getPosition().lat();
			document.getElementById("_Inputfield_karta_lng").value = this.getPosition().lng();
		});

}
};

$(document).ready(function() {
$(".InputfieldMapMarkerMap").each(function() {
var $t = $(this);
InputfieldMapMarker.init($t.attr('id'), $t.attr('data-lat'), $t.attr('data-lng'));
});
});

I posted a comment on the module page. At the bottom it says åäö ÅÄÖ.

Image attached so you can se the encoding in "my" admin.

Thanks for looking in to this!



EDIT: Added another image for clarity.

Like this? http://processwire.c...etized-listing/