Как отобразить файл KML, используя JavaScript - PullRequest
Новая
       18

Как отобразить файл KML, используя JavaScript

2 голосов
/ 28 сентября 2010

Как отобразить файл Google Earth (KML) с помощью JavaScript.

спасибо

1 Ответ

5 голосов
/ 19 июля 2011

Я предполагаю, что вы хотите просмотреть KML-файл в браузере , предпочтительно в Mozilla Firefox.Во-первых, я хочу дать несколько простых JavaScript, которые мы будем использовать в OpenLayers.Вы должны попробовать их, поскольку они также используют библиотеку JavaScript.

Здесь я кратко покажу вам, как пишутся коды.

<html>
<head>
<title>Google Layer with KML file</title>
<link rel="stylesheet" href="http://openlayers.org/api/theme/default/style.css" type="text/css" />
<link rel="stylesheet" href="http://openlayers.org/dev/examples/style.css" type="text/css" />
<script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAl9RMqSzhPUXAfeBCXOussRTQDbvAygy0cfGJr8dEMAYKf3RWNBQqP9mjKIsqTfmAlz5LOJ3Xpy5s4w'></script>
<script src="http://openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">

var map;

function init() {
    // Create the map object
    map = new OpenLayers.Map('map');
    // Create a Google layer
    var gmap = new OpenLayers.Layer.Google(
        "Google Streets", // the default
        {numZoomLevels: 20}
    );
    // Add layer to map
    map.addLayer(gmap);

    //Adding KML file to map
    map.addLayer(new OpenLayers.Layer.GML("KML", "kompleks_antarabangsa.kml", 
           {
            format: OpenLayers.Format.KML, 
            formatOptions: {
              extractStyles: true, 
              extractAttributes: true,
              maxDepth: 2
            }
           }));
    // Zoom to Kuala Lumpur, Malaysia
    map.setCenter(new OpenLayers.LonLat(101.686855,3.139003), 13);         
}
</script>
</head>
<body onload="init()">
<h1 id="title">Google Layer with KML file</h1>
<div id="map" style='width: 700px; height: 700px'></div>
</body>
</html>

Как видите, на карте есть маленькая оранжевая точка.Это файл KML, загруженный в Карты Google.

Попробуйте запустить коды HTML с помощью любого программного обеспечения.Но я предлагаю вам использовать Notepad ++.И последнее, но не менее важное, я надеюсь, что мой ответ не слишком поздно для вас, Kyathi

...