Home/ Questions/Q 9114147
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T04:08:05+00:00

I created a KML file that defines several zones using polygons, in Google Earth.

  • 0

I created a KML file that defines several zones using polygons, in Google Earth. My plan was to just use this file on my wordpress site, along with “comprehensive google maps plugin” for wordpress. However, it turns out that while it works, per the developer, I am unable to set a center or zoom. I want to zoom to 10, and center at specific coordinates. I have googled and researched and I keep coming up with a few scripts, but its a bit confusing to me what i would even do with them. This is my first foray into KML. Is there something i can add into the KML file that was generated by google earth, that would allow me to accomplish this? any help would be tremendously appreciated.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try with WP Flexible Map instead. It allows you to specify zoom on a KML map, and also gives you access to the map object so that you can set centre after it loads.

    Example of shortcode to load KML file; NB: per FAQ, I set an id from which a JavaScript global variable name is later derived. [Edit: I’m an idiot, I copypasta’d the wrong example! fixed]

    [flexiblemap id="exmap" zoom="14" width="500" height="400"
    src="http://snippets.webaware.com.au/maps/example-toronto.kml"]

    Now, add this code to a plugin (or your theme’s functions.php if you wish): 

    add_filter('flexmap_shortcode_html', 'filterFlxmapShortcodeHtml', 10, 2);

/**
* append our script to the end of the map shortcode's HTML
* @param string $html
* @param array $attrs the shortcode's array of attributes/parameters
* @return string
*/
function filterFlxmapShortcodeHtml($html, $attrs) {
    $html .= <<<HTML
<script>
jQuery(window).load(function() {
    flxmap_exmap.setCenter(new google.maps.LatLng("12.345", "32.109"));
});
</script>

HTML;

    return $html;
}
    • 0