<أتش تي أم أل>
<رئيس>
<هدف محارف="utf-8" />
<لقب>أضف خط GeoJSON</لقب>
<هدف الاسم="منفذ العرض" محتوى="المقياس الأولي = 1 ، النطاق الأقصى = 1 ، قابلية المستخدم للتوسع = لا" />
<سيناريو SRC="https://maps.flightmap.io/flightmapjs"></سيناريو>
<الصفحة أ href="https://api.mapbox.com/mapbox-gl-js/v1.6.1/mapbox-gl.css" REL="ورقة الأنماط" />
<نمط>
الجسدي {
هامش: 0;
حشوة: 0؛ }
#خريطة {
ان يرتفع المركز: مطلق؛
تيشرت: 0;
أسفل: 0;
عرض: 100%؛ }
</نمط>
</رئيس>
<الجسدي>
<شعبة id="خريطة"></شعبة>
<سيناريو>
فار الخريطة = جديد mapboxgl.Map ({
حاوية: 'خريطة',
نمط: "style-dark.json",
مركز: [-122.486052, 37.830348],
زوم: 15، accessToken = " "
}) ؛ map.on ('حمل', وظيفة () {map.addLayer ({
'بطاقة تعريف': 'طريق',
'نوع': 'خط',
'مصدر': {
'نوع': "جيوجسون",
'البيانات': {
'نوع': 'ميزة',
'الخصائص': {} ،
"الهندسة": {
'نوع': "LineString",
"إحداثيات": [[-122.48369693756104, 37.83381888486939] ، [-122.48348236083984, 37.83317489144141] ، [-122.48339653015138, 37.83270036637107] ، [-122.48356819152832, 37.832056363179625] ، [-122.48404026031496, 37.83114119107971] ، [-122.48404026031496, 37.83049717427869] ، [-122.48348236083984, 37.829920943955045] ، [-122.48356819152832, 37.82954808664175] ، [-122.48507022857666, 37.82944639795659] ، [-122.48610019683838, 37.82880236636284] ، [-122.48695850372314, 37.82931081282506] ، [-122.48700141906738, 37.83080223556934] ، [-122.48751640319824, 37.83168351665737] ، [-122.48803138732912, 37.832158048267786] ، [-122.48888969421387, 37.83297152392784] ، [-122.48987674713133, 37.83263257682617] ، [-122.49043464660643, 37.832937629287755] ، [-122.49125003814696, 37.832429207817725] ، [-122.49163627624512, 37.832564787218985] ، [-122.49223709106445, 37.83337825839438] ، [-122.49378204345702, 37.83368330777276]]}}} ،
'نسق': {
"ربط خط": 'مستدير',
"سقف الخط": 'مستدير'
},
'رسم': {
"لون الخط": "# ff0000",
'عرض الخط': 8
}}) ؛ }) ؛
</سيناريو>
</الجسدي>
</أتش تي أم أل>