Javascript 显示KML数据以及拖动标记的坐标

我有一个地图，一旦你点击地图，它会在右边的面板上显示KML数据。 我还有一个可拖动的标记，在拖动时显示坐标

如何在我的标记上传输KML数据，使其与坐标一起显示

这是我的剧本：

<script>
    var map;
    var src = 'http://iteintranet.com/kml/MyKML.kml';
   
    function initMap() {
        map = new google.maps.Map(document.getElementById('map'), {
        center: new google.maps.LatLng(13.506856, 144.798761),
        zoom: 16,
        mapTypeId: "hybrid",
        heading: 90,
        tilt: 45,
        });
   
    const MyCoordinates = { lat: 13.506856, lng: 144.798761 };
   
    const marker = new google.maps.Marker({
        position: MyCoordinates,
        map: map,
        draggable:true,
        });
   
    var kmlLayer = new google.maps.KmlLayer(src, {
        suppressInfoWindows: true,
        preserveViewport: true,
        map: map
        });
   
    kmlLayer.addListener('click', function(event) {
        var content = event.featureData.infoWindowHtml;
        var testimonial = document.getElementById('capture');
        testimonial.innerHTML = content;
        });
   

    google.maps.event.addListener(marker, 'click', function (event) {
        document.getElementById("latbox").innerHTML = event.latLng.lat();
        document.getElementById("lngbox").innerHTML = event.latLng.lng();
        });
    
    google.maps.event.addListener(marker, 'click', function (event) {
        document.getElementById("latbox").innerHTML = this.getPosition().lat();
        document.getElementById("lngbox").innerHTML = this.getPosition().lng();
        });
    
    google.maps.event.addListener(marker, 'dragend', function (event) {
        document.getElementById("latbox").innerHTML = this.getPosition().lat();
        document.getElementById("lngbox").innerHTML = this.getPosition().lng();
        });


    google.maps.event.addListener(marker,'click',function(overlay,point){
        document.getElementById("latbox").innerHTML = lat();
        document.getElementById("lngbox").innerHTML = lng();
        });

    map.setTilt(45);

        }
</script>

<script async
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAboQG4QbiLqnyI6PzTdYmOSw51usqS9Z4&callback=initMap">
</script>

var映射；
var src='1〕http://iteintranet.com/kml/MyKML.kml';
函数initMap（）{
map=new google.maps.map（document.getElementById（'map'）{
中心：新google.maps.LatLng（13.506856144.798761），
缩放：16，
mapTypeId:“混合”，
标题：90，
倾斜：45，
});
常量坐标={lat:13.506856，lng:144.798761}；
const marker=new google.maps.marker({
位置：支点，
地图：地图，
真的，
});
var kmlLayer=new google.maps.kmlLayer（src{
suppressInfoWindows：对，
对,，
地图：地图
});
kmlLayer.addListener（'click'，函数（事件）{
var content=event.featureData.infoWindowHtml；
var testional=document.getElementById（'capture'）；
testional.innerHTML=内容；
});
google.maps.event.addListener（标记，'click'，函数（事件）{
document.getElementById（“latbox”）.innerHTML=event.latLng.lat（）；
document.getElementById（“lngbox”）.innerHTML=event.latLng.lng（）；
});
google.maps.event.addListener（标记，'click'，函数（事件）{
document.getElementById（“latbox”）.innerHTML=this.getPosition（）.lat（）；
document.getElementById（“lngbox”）.innerHTML=this.getPosition（）.lng（）；
});
google.maps.event.addListener（标记'dragend'，函数（事件）{
document.getElementById（“latbox”）.innerHTML=this.getPosition（）.lat（）；
document.getElementById（“lngbox”）.innerHTML=this.getPosition（）.lng（）；
});
google.maps.event.addListener（标记，'click'，函数（覆盖，点）{
document.getElementById（“latbox”）.innerHTML=lat（）；
document.getElementById（“lngbox”）.innerHTML=lng（）；
});
地图.设置倾斜（45）；
}

这是我的HTML：

<div class="table-responsive">
        <table class="table table-sm" style="width:98%;">
            <thead>
                <tr>
                    <th style="border:0px;">Selected Coordinates: <span id="latbox"></span>, <span id="lngbox"></th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td style="text-align:center;">
                        <div id="map"></div>
                        <div id="capture"></div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>

选定坐标：，

以下是CSS：

<style>
    #map {
    text-align: center;
    height: 700px;
    width: 80%;
    overflow: hidden;
    float: left;
    border: thin solid #ffffff;
    }
    #capture {
    text-align: center;
    height: 700px;
    width: 17%;
    overflow: hidden;
    float: left;
    background-color: #ffffff;
    border: thin solid #ffffff;
    border-left: none;
    }
</style>    

Here is a full URL: http://iteintranet.com/kml/test.htm

#地图{
文本对齐：居中；
高度：700px；
宽度：80%；
溢出：隐藏；
浮动：左；
边框：薄实线#ffffff；
}
#俘获{
文本对齐：居中；
高度：700px；
宽度：17%；
溢出：隐藏；
浮动：左；
背景色：#ffffff；
边框：薄实线#ffffff；
左边界：无；
}
以下是完整的URL:http://iteintranet.com/kml/test.htm

多谢各位！

---

Franco

请将您的问题限制为1个问题，并澄清在拖动标记后，我们如何将KML数据与坐标一起包括在内？因为这还不清楚。作为补充说明，您应该避免在此处发布不受限制的API密钥和代码（无论如何，您应该限制密钥！）。谢谢MrUpsidown。我已经编辑并限制了我的问题。并限制了我的API密钥。：）我还是不明白你想达到什么目的。我上面提到的同一句话并没有真正澄清。。。请提供一系列的行动，以及你期望发生的事情和时间。谢谢Upsidown先生。我已经编辑了我的问题。我有一个显示坐标的可拖动标记。只要在拖动标记后将KML数据与坐标一起包含。谢谢。只想包括KML数据和坐标-在哪里？您现在已经在问题中添加了您的内容，但删除了问题本身？真的，你怎么能指望别人帮你描述这个问题呢？