Mosets tree google maps

Question

I am using joomla components mosetstree with Google Maps positioning for companies. Unfortunately Google Maps does not have a map of my town, but OpenStreetMap does. I don't know how to incorporate the OpenStreetMap layer, so could you please help me? Here is the code of the map page from mosetstree:

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=<?php echo $this->mtconf['gmaps_api_key']; ?>" type="text/javascript"></script>
<script type="text/javascript">
    var map = null;
    var geocoder = null;
    function initialize() {
        if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map"));
        <?php
        echo 'var center = new GLatLng(' . $this->link->lat . ', ' . $this->link->lng . ');' . "\n";
        echo 'map.setCenter(center, ' . ($this->link->zoom?$this->link->zoom:13) . ');' . "\n";
        if( $this->mtconf['map_control'] != '' ) {
            $mapcontrols = explode(',',$this->mtconf['map_control']);
            foreach( $mapcontrols AS $mapcontrol ) {
                echo 'map.addControl(new '.$mapcontrol.'());' . "\n";
            }
        }
        ?>
        marker = new GMarker(center);
        map.addOverlay(marker);
        }
    }
    jQuery(document).ready(function(){initialize();});
    jQuery(document).unload(function(){GUnload();});
</script>

Answer 1

GMap, OpenLayers, and Leaflet are all used in pretty much the same way. You create a map object, initialize it with an html object to draw into and a latitude/longitude/zoom, and the rest (for your usecase) are optional niceties.

See the two previous links for examples, and adapt them to your php code.

Note that you don't need an API key to use OSM tiles. Alsom the map_controls are probably named differently between libraries, so you should either :

Change the mtconf config values
Let php translate between the gmap names and the openlayers/leaflet names
Use a hardcoded set of map controls