我已经嵌入了一个谷歌地图API到我的谷歌网站,但我有麻烦嵌入我的KML层到它。我想知道是否有人能帮我写代码。
下面是用于嵌入小工具的代码:
<iframe
width="1200"
height="900"
frameborder="0" style="border:0"
src="https://www.google.com/maps/embed/v1/view?key=AIzaSyC3UDHvPat9pP5JH19ICl4agjWaNnTiNkI
¢er=33.701923, -86.851167
&zoom=7
&maptype=roadmap">
</iframe>
下面是我想要嵌入的KML层的代码:
var layer = new google.maps.KmlLayer({
driveFileId: "0B4CQLXiFWdl2OVV6STI5b1BLSUE"
});
我已经尝试了所有的方法,但我总是得到代码错误。任何帮助都是非常感激的!
***回复回答:
我在发布我的问题之前确实看过那个页面,我不确定如何在我的谷歌网站上使用我的谷歌小工具内的HTML代码。我试过了,但没有用。我上面的初始代码变成了这样:
<img src="https://www.google.com/chart?chc=sites&cht=d&chdp=sites&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&sig=iWHUUzTOFEKRgAUogMaGWUuybBY" data-igsrc="http://0.gmodules.com/ig/ifr?mid=0&synd=trogedit&url=http%3A%2F%2Fwww.gstatic.com%2Fsites-gadgets%2Fiframe%2Fiframe.xml&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&w=1200&h=900" data-type="ggs-gadget" data-props="height:900;igsrc:http#58//0.gmodules.com/ig/ifr?mid=0&synd=trogedit&url=http%3A%2F%2Fwww.gstatic.com%2Fsites-gadgets%2Fiframe%2Fiframe.xml&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&w=1200&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 &center=33.701923, -86.851167 &zoom=7 &maptype=roadmap;width:1200;" width="1200" height="900" style="display:block;text-align:left;margin-right:auto;" class="igm">
所以没有办法把一个KML层吗?
根据您在问题中发布的内容,您正在将地图嵌入iframe中,但试图通过脚本将KML层添加到它。这两个方法在一起是不兼容的,因为页面上没有对map对象的引用(它在iframe中)。
我建议您查看一下google maps网站上的kml示例,它将带您完成实例化地图对象,添加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