Siguiendo con el API de Google, vamos a integrar un fichero KML, el cual permitirá centrar el mapa en los elementos de la capa, con la simbología que hayamos predefinido previamente.

Implementamos un código similar a este, donde como siempre, debemos establecer el código de nuestra API para el sitio web. Cuando cargamos una cartografía en el API no es preciso establecer en myOptions el zoom o las coordenadas, porque el propio control se centrará en la cartografía que le proveamos (en el script, kmlLayer).

        <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=TU_CODIGO_API&sensor=false"></script>
        <script type="text/javascript">
            function initialize() {
            var myOptions = { mapTypeId: google.maps.MapTypeId.ROADMAP }
            var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
            var kmlLayer = new google.maps.KmlLayer('http://contoso/myLayer.kml');
            kmlLayer.setMap(map);
            }
        </script>

Por supuesto, podemos agregar tantas capas cartográficas como deseemos, pero lo más recomendable es intentar integrarlas todas en un mismo documento KML, porque la implementación de muchas capas, requiere un aumento en el tiempo de carga del control, ya que ha de solicitar más ficheros, interpretarlos y por supuesto recalcular la extensión del zoom.