Добавить слой KML в Google Maps Вставить API, а не Javascript

Question

Я встроил API Google Map на свой сайт Google, но у меня возникли проблемы с внедрением в него слоя KML. Мне было интересно, может ли кто-нибудь помочь мне с кодом.

Вот код, который работает для встроенного гаджета:

<iframe 
    width="1200" 
    height="900" 
    frameborder="0" style="border:0" 
    src="https://www.google.com/maps/embed/v1/view?key=AIzaSyC3UDHvPat9pP5JH19ICl4agjWaNnTiNkI 
&center=33.701923, -86.851167 
    &zoom=7 
    &maptype=roadmap"> 
</iframe> 

Вот код для слоя KML я пытаюсь врезать:

var layer = new google.maps.KmlLayer({ 
    driveFileId: "0B4CQLXiFWdl2OVV6STI5b1BLSUE" 
}); 

Я пробовал все, и я держу получение ошибок кода. Любая помощь действительно ценится!

*** Ответить ответить:

Я смотрю на этой странице, прежде чем отправлять на мой вопрос, и я не знаю, как я могу использовать этот HTML код в моем Google Gadget на моем сайте Google. Я пробовал, но это не работает. Исходный код, который я поставил выше получает повернутым в это:

<img src="https://www.google.com/chart?chc=sites&amp;cht=d&amp;chdp=sites&amp;chl=%5B%5BGoogle+Gadget'%3D20'f%5Cv'a%5C%3D0'10'%3D1199'0'dim'%5Cbox1'b%5CF6F6F6'fC%5CF6F6F6'eC%5C0'sk'%5C%5B%22Include+gadget+(iframe)%22'%5D'a%5CV%5C%3D12'f%5C%5DV%5Cta%5C%3D10'%3D0'%3D1200'%3D897'dim'%5C%3D10'%3D10'%3D1200'%3D897'vdim'%5Cbox1'b%5Cva%5CF6F6F6'fC%5CC8C8C8'eC%5C'a%5C%5Do%5CLauto'f%5C&amp;sig=iWHUUzTOFEKRgAUogMaGWUuybBY" data-igsrc="http://0.gmodules.com/ig/ifr?mid=0&amp;synd=trogedit&amp;url=http%3A%2F%2Fwww.gstatic.com%2Fsites-gadgets%2Fiframe%2Fiframe.xml&amp;up_iframeURL=https%3A%2F%2Fwww.google.com%2Fmaps%2Fembed%2Fv1%2Fview%3Fkey%3DAIzaSyC3UDHvPat9pP5JH19ICl4agjWaNnTiNkI%0A%26center%3D33.701923%2C+-86.851167%0A++%26zoom%3D7%0A++%26maptype%3Droadmap&amp;w=1200&amp;h=900" data-type="ggs-gadget" data-props="height:900;igsrc:http#58//0.gmodules.com/ig/ifr?mid=0&amp;synd=trogedit&amp;url=http%3A%2F%2Fwww.gstatic.com%2Fsites-gadgets%2Fiframe%2Fiframe.xml&amp;up_iframeURL=https%3A%2F%2Fwww.google.com%2Fmaps%2Fembed%2Fv1%2Fview%3Fkey%3DAIzaSyC3UDHvPat9pP5JH19ICl4agjWaNnTiNkI%0A%26center%3D33.701923%2C+-86.851167%0A++%26zoom%3D7%0A++%26maptype%3Droadmap&amp;w=1200&amp;h=900;mid:0;spec:http#58//www.gstatic.com/sites-gadgets/iframe/iframe.xml;up_iframeURL:https#58//www.google.com/maps/embed/v1/view?key=AIzaSyC3UDHvPat9pP5JH19ICl4agjWaNnTiNkI &amp;center=33.701923, -86.851167 &amp;zoom=7 &amp;maptype=roadmap;width:1200;" width="1200" height="900" style="display:block;text-align:left;margin-right:auto;" class="igm"> 

Таким образом, нет никакого способа, чтобы положить слой KML в это?

Answer 1

Основываясь на том, что вы опубликовали в своем вопросе, вы вставляете карту в iframe, но пытаетесь добавить к ней свой KML-слой с помощью скрипта. Эти два метода несовместимы друг с другом, поскольку ссылка на объект карты на вашей странице отсутствует (ее в iframe).

Я бы порекомендовал взглянуть на пример kml на веб-сайте google maps, который проведет вас через процесс создания экземпляра объекта карты, добавления слоя KML и последующего присвоения слоя KML вашему объекту карты. как так:

function initialize() { 
    var chicago = new google.maps.LatLng(41.875696,-87.624207); 
    var mapOptions = { 
    zoom: 11, 
    center: chicago 
    } 

    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); 

    var ctaLayer = new google.maps.KmlLayer({ 
    url: 'http://gmaps-samples.googlecode.com/svn/trunk/ggeoxml/cta.kml' 
    }); 
    ctaLayer.setMap(map); 
} 

google.maps.event.addDomListener(window, 'load', initialize); 

https://developers.google.com/maps/documentation/javascript/examples/layer-kml