Hey Hjaltland,
Developer of google maps integration for the theme actually managed to help me with this.
Contact me through my mail, t.tsmukh@gmail.com or skype: lvivyanyn. I'm willing to try to help you with this ;)

Won't let me edit posts, so this is turning into a really busy thread.

Right. Didn't realise you needed to enter a lat/long to display the KML. That's sorted, it's showing the KML, almost everything is peachy!

@TarasTravel - I'm using the full url to the KML - http://nav.hjaltlandnetwork.com/kml/varangian.kml in my test case.

Nope, sorry. Mark that one down to poor use of copy and paste. Honestly, some days I shouldn't be allowed out. Working for normal posts, still not displaying KML layers but it's only a matter of time.

Furthermore, removing the customisation didn't fix the problem for the existing posts!

Followed the steps indicated - no sign of errors - but now all posts are showing with just a plain gray background whether they have a KML file or not.

Hi Hans, I followed all the steps that you've mentioned, unfortunately kml layer is still not being displayed. I think there is something wrong with the kml-path. How exactly should it be added?

First time poster here ... many thanks to the Molitor for this theme and Hans for figuring out how to enable KML layers.

My question is how do I get the labels in the KML file to display? I downloaded a KML file on California Missions and it displays fine but the names are not showing on the map. Loaded into Google Earth the same file shows the mission icons and the names of the individual missions.

http://www.robokeefeweb.com/california/2012/05/09/california-missions/

nice work, Hans!
Thank you so much!

It would be great if the bottom scroll buttons works again soon. But this is also a great solution.

@ivonic can I just clarify this as I just want to be sure that I have this right. You have several categories and each category as several posts the kml shows a route between each post.

So category south west bus stops (has 200 bus stops)
KML Layer shows the 200 bus stops all joined by the route marker presumably the order defines the start and finish. When you click on bus stop 5 it shows the details of that stop without the kml layer to go back you use the browser back button to return to the category.

Is this how it works?

Hans, I understand you're adding markers via KML, but I've been implementing the KML on a category map, so that each marker is a wordpress post in that category. The KML just allows me to connect them logically.

Sounds like that's what you want to do as well.

Hanswoltering, that's fantastic! Thank you very much for posting this. Now, could someone please send me a few extra hours for the working day so I can get it implemented? Anyone?

Great to hear it helped you :) It indeed is good for showing routes. That's what I missed in this theme.
Now I only want to have tooltips like the ones on the main page, for all markers added in a KML, but I guess that's harder to achieve.

Thank you so much for this. I've implemented it for category views to show the route from one point to another. Now there's some visual logic to all the points of interest on the map.

Thanks for posting your work.

Transylmaniac, good to hear that.

Hjaltland, I'm trying to clarify as much as possible. Hope I don't forget anything...

First in the function.php file, go to line 205 and find this code:

"longitude" => array(
"name" => "longitude",
"title" => "Longitude",
"description" => "You can generate this info here: <a target='_blank' href='http://itouchmap.com/latlong.html'>http://itouchmap.com/latlong.html</a>"),

"address_one" => array(
"name" => "address_one",
"title" => "Address Line 1",
"description" => "Example: '100th ST NW'"),

Then, add in between those groups of lines the following text:

"kmllayer" => array(
"name" => "kmllayer",
"title" => "KML-layer",
"description" => "Add URL to KML file to show for this post."),

It will then look like this:

"longitude" => array(
"name" => "longitude",
"title" => "Longitude",
"description" => "You can generate this info here: <a target='_blank' href='http://itouchmap.com/latlong.html'>http://itouchmap.com/latlong.html</a>"),

"kmllayer" => array(
"name" => "kmllayer",
"title" => "KML-layer",
"description" => "Add URL to KML file to show for this post."),

"address_one" => array(
"name" => "address_one",
"title" => "Address Line 1",
"description" => "Example: '100th ST NW'"),

Next

This will give you a new box in the admin panel in posts/pages entry screens, where you can ad the full URL to the kml file. So this is including http:// and .kml at the end. Oh, and I found out that using paths that contain spaces don't work. So please give your kml file a filename without space.

Then, you need to add some code to the actual map, so that the kml will be loaded into the single post pages.

In the file single.php, find the following bit of code starting at line 159:

jQuery('#gMap').gmap3({
    	action: 'addMarker',
    	lat:<?php echo $data[ 'latitude' ]; ?>,
    	lng:<?php echo $data[ 'longitude' ]; ?>,
    	marker:{
      		options:{
        		icon: new google.maps.MarkerImage('<?php echo $pin2;?>')
      		}
    	},
    	map:{
     	 center: true,
     	 zoom: zoomLevel
   		}
	},

{		action: 'setOptions', args:[{
			scrollwheel:true,
			disableDefaultUI:true,
			disableDoubleClickZoom:false,
			draggable:true,
			mapTypeControl: false,
			panControl:false,
			scaleControl:false,
			streetViewControl:false,
			zoomControl:false,
			mapTypeId:'satellite'
		}]
	});
});

There after first group of text, you need to add the following code:

{ action: 'addKmlLayer',
		url: '<?php echo $data[ 'kmllayer' ]; ?>',
		options:{
		suppressInfoWindows: true
		},
		},

Which will result in this:

jQuery('#gMap').gmap3({
    	action: 'addMarker',
    	lat:<?php echo $data[ 'latitude' ]; ?>,
    	lng:<?php echo $data[ 'longitude' ]; ?>,
    	marker:{
      		options:{
        		icon: new google.maps.MarkerImage('<?php echo $pin2;?>')
      		}
    	},
    	map:{
     	 center: true,
     	 zoom: zoomLevel
   		}
	},

		{ action: 'addKmlLayer',
		url: '<?php echo $data[ 'kmllayer' ]; ?>',
		options:{
		suppressInfoWindows: true
		},
		},

{		action: 'setOptions', args:[{
			scrollwheel:true,
			disableDefaultUI:true,
			disableDoubleClickZoom:false,
			draggable:true,
			mapTypeControl: false,
			panControl:false,
			scaleControl:false,
			streetViewControl:false,
			zoomControl:false,
			mapTypeId:'satellite'
		}]
	});
});

That now should load the KML-layer provided in the post or page entry screen.

There are some things I need to clarify as well:
1. If you don't provide a KML path (so leave the whole path empty) then it will show the post as normal (1 marker at the given latitude and longitude), together with the zoom level specified.
2. If you provide a KML layer, the zoom level will be overruled, and the KML will be shown completely. The zoom level could be a bit of a problem, especially when you use it with the zoom-buttons in the bottom bar of this theme. I solved this by removing those buttons from the admin panel > appearance > theme options. And enable scroll zoom instead (as explained a few posts above this one).
3. If your KML-path is not correct, the post will show without a map, a completely grey page, only with the post description/gallery etc in the floating window on top of it. If you see this, then check your KML-path.

Hope this works for you :)

Regards, Hans

Nice! Thanks for helping other members, Hans.

Hey Hans!
Thanks a lot, works out great!

Any chance you could post the changes you made in the background to get the KML file to display?

Hi Transylmaniac,

The scrolling is very simple to achieve. When you want this to happen on both the overview map and the single posts, you need to change three files:

single.php
script.php
script_list.php

In every file the changes are the same:

Find the following code:

{		action: 'setOptions', args:[{
			scrollwheel:false,
			disableDefaultUI:true,
			disableDoubleClickZoom:false,
			draggable:true,
			mapTypeControl: false,
			panControl:false,
			scaleControl:false,
			streetViewControl:false,
			zoomControl:false,
			mapTypeId:'satellite'

and change this to:

{		action: 'setOptions', args:[{
			scrollwheel:true,
			disableDefaultUI:true,
			disableDoubleClickZoom:false,
			draggable:true,
			mapTypeControl: false,
			panControl:false,
			scaleControl:false,
			streetViewControl:false,
			zoomControl:false,
			mapTypeId:'satellite'

Dear Hans,

could you please kindly share how you did the scroll in/scroll out on the map?

Thanks!

Hans,

Nice work! Hopefully other users looking to do the same thing will find your post helpful. Unfortunately, these are customizations that go beyond the scope of this Forum, so even if I knew the answer, it wouldn't be something I could help with.

Good luck!
Justin

Hi Justin,

I've been going through all the code and tried several things, and I can say that now it works for me.
If for example you'd look at the following page: http://www.ourtrips.nl/148/malta-2
Then you see that the KML layer gets loaded.

Also, I made this dynamically, by adding a new Metabox at the post/page entry in the admin-panel, where a path to the kml-file can be given.

Now I only have two questions, which you maybe can help me with.

1. For the posts that I have a kml-layer, I would like to hide the marker image of that post. But I can't delete it completely from the post, because it still needs to show up on the 'overview' map.

2. I have read of google maps restriction of using bigger icons in KML's than 32px. But maybe you know a way to get past it, as the icons I use now are slightly bigger and get blurred when scaled down.

Thanks again,
Hans

Hey Hans,

Thanks for the kind words! Unfortunately, using KML layer is not part of the theme from a theme options standpoint. You would need to modify the files directly. I will suggest it for future updates, but if you're looking to have it added in the near future, you can fill out a customization request here: http://themolitor.com/custom

Thanks,
Justin

Hi there,

I bought your theme today and I must say it really looks nice, and response perfectly. Never had such an easy to set-up theme yet, so compliments there.

I now only have a question about adding a KML layer to the map. I see you use gmap3, which supports adding a kml-layer (even multiple layers), but in your theme there's nowhere an option to use it. Now I can imagine it's not implemented, but I really would like to add kml layers (preferably per blogpost), but I don't have the knowledge myself to implement it myself into the theme.

Do you know a way how I can achieve this?

Thanks in advance, Hans