kml データを利用する

■ kml ファイルとは

　KML (Keyhole Markup Language) は、地理データを格納する XML ベースの形式で、OGC (Open Geospatial Consortium) の管理する公式標準です。Google Earth などのアプリケーションが KML の表示に対応しています。

kml ファイル　kml とは　 KMLの基本　 KML学習手帳　 Reference 　サンプル
参考サイト　kmlを作成　 kmlエクスポート　 AGtoKML 　KML/CSV変換

■ kml ファイルの利用

　kml ファイルは、Google Earth で開くと簡単に表示できますが、Google Maps に直接読み込んで表示することも出来ます。　
　kml ファイル(下記左)とその Google Maps での表示例(下記右)を以下に示します。その Google Maps ファイルは、こちらです。

<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2" xmlns:gx="http://www.google.com/kml/ext/2.2" xmlns:kml="http://www.opengis.net/kml/2.2" xmlns:atom="http://www.w3.org/2005/Atom">
<Document>
  <name>sample.kml</name>
  <Style id="sn_ylw-pushpin">
    <IconStyle>
      <scale>1.1</scale>
      <Icon>
        <href>http://maps.google.com/mapfiles/kml/pushpin/ylw-pushpin.png</href>
      </Icon>
      <hotSpot x="20" y="2" xunits="pixels" yunits="pixels"/>
    </IconStyle>
    <LineStyle>
      <color>ff0000ff</color>
      <width>4</width>
    </LineStyle>
  </Style>
  <StyleMap id="msn_ylw-pushpin">
    <Pair>
      <key>normal</key>
      <styleUrl>#sn_ylw-pushpin0</styleUrl>
    </Pair>
    <Pair>
      <key>highlight</key>
      <styleUrl>#sh_ylw-pushpin0</styleUrl>
    </Pair>
  </StyleMap>
  <Style id="sn_ylw-pushpin0">
    <IconStyle>
      <Icon>
        <href>http://maps.google.com/mapfiles/kml/pushpin/ylw-pushpin.png</href>
      </Icon>
      <hotSpot x="20" y="2" xunits="pixels" yunits="pixels"/>
    </IconStyle>
  </Style>
  <Style id="sh_ylw-pushpin">
    <IconStyle>
      <scale>1.3</scale>
      <Icon>
        <href>http://maps.google.com/mapfiles/kml/pushpin/ylw-pushpin.png</href>
      </Icon>
      <hotSpot x="20" y="2" xunits="pixels" yunits="pixels"/>
    </IconStyle>
    <LineStyle>
      <color>03ffffff</color>
    </LineStyle>
    <PolyStyle>
      <color>7f00ff55</color>
      <outline>0</outline>
    </PolyStyle>
  </Style>
  <Style id="sh_ylw-pushpin0">
    <IconStyle>
      <scale>1.18182</scale>
      <Icon>
        <href>http://maps.google.com/mapfiles/kml/pushpin/ylw-pushpin.png</href>
      </Icon>
      <hotSpot x="20" y="2" xunits="pixels" yunits="pixels"/>
    </IconStyle>
  </Style>
  <Style id="sn_ylw-pushpin1">
    <IconStyle>
      <scale>1.1</scale>
      <Icon>
        <href>http://maps.google.com/mapfiles/kml/pushpin/ylw-pushpin.png</href>
      </Icon>
      <hotSpot x="20" y="2" xunits="pixels" yunits="pixels"/>
    </IconStyle>
    <LineStyle>
      <color>03ffffff</color>
    </LineStyle>
    <PolyStyle>
      <color>7f00ff55</color>
      <outline>0</outline>
    </PolyStyle>
  </Style>
  <StyleMap id="msn_ylw-pushpin0">
    <Pair>
      <key>normal</key>
      <styleUrl>#sn_ylw-pushpin1</styleUrl>
    </Pair>
    <Pair>
      <key>highlight</key>
      <styleUrl>#sh_ylw-pushpin</styleUrl>
    </Pair>
  </StyleMap>
  <Style id="sh_ylw-pushpin1">
    <IconStyle>
      <scale>1.3</scale>
      <Icon>
        <href>http://maps.google.com/mapfiles/kml/pushpin/ylw-pushpin.png</href>
      </Icon>
      <hotSpot x="20" y="2" xunits="pixels" yunits="pixels"/>
    </IconStyle>
    <LineStyle>
      <color>ff0000ff</color>
      <width>4</width>
    </LineStyle>
  </Style>
  <StyleMap id="msn_ylw-pushpin1">
    <Pair>
      <key>normal</key>
      <styleUrl>#sn_ylw-pushpin</styleUrl>
    </Pair>
    <Pair>
      <key>highlight</key>
      <styleUrl>#sh_ylw-pushpin1</styleUrl>
    </Pair>
  </StyleMap>
  <Folder>
    <name>お気に入り</name>
    <open>1</open>
    <Style>
      <ListStyle>
        <listItemType>check</listItemType>
        <ItemIcon>
          <state>open</state>
          <href>:/mysavedplaces_open.png</href>
        </ItemIcon>
        <ItemIcon>
          <state>closed</state>
          <href>:/mysavedplaces_closed.png</href>
        </ItemIcon>
        <bgColor>00ffffff</bgColor>
        <maxSnippetLines>2</maxSnippetLines>
      </ListStyle>
    </Style>
    <Placemark>
      <name>marker1</name>
      <description><![CDATA[
      35°41'13.35"N</br>
           139°45'4.33"E</br>
            ]]></description>
      <LookAt>
        <longitude>139.7603851609333</longitude>
        <latitude>35.68594622599881</latitude>
        <altitude>0</altitude>
        <heading>1.034431024974994</heading>
        <tilt>0</tilt>
        <range>2977.524237475862</range>
        <altitudeMode>relativeToGround</altitudeMode>
        <gx:altitudeMode>relativeToSeaFloor</gx:altitudeMode>
      </LookAt>
      <styleUrl>#msn_ylw-pushpin</styleUrl>
      <Point>
        <altitudeMode>absolute</altitudeMode>
        <coordinates>139.7512027777778,35.68704166666667,2.44638900387073</coordinates>
      </Point>
    </Placemark>
    <Placemark>
      <name>poly1</name>
      <styleUrl>#msn_ylw-pushpin0</styleUrl>
      <Polygon>
        <tessellate>1</tessellate>
        <outerBoundaryIs>
          <LinearRing>
            <coordinates>
              139.744782542371,35.68393448881709,0 139.7451850402963,35.68302935035141,0 139.7459986808186,35.68266146795502,0 139.7467432892188,35.68063223644592,0 139.7473992362076,35.68057258525289,0 139.7479551162867,35.68022821675382,0 139.7483877632691,35.67980872463168,0 139.7489233689895,35.67917060027141,0 139.7494746862993,35.67881438954365,0 139.749796958842,35.67879334441214,0 139.7507363051906,35.67858118185247,0 139.7510658290428,35.67857092541817,0 139.7516882785074,35.6785748249953,0 139.7517838894891,35.67856904734085,0 139.7525663262598,35.67872313568836,0 139.7533332656303,35.67894543207535,0 139.7536573898875,35.67930794843503,0 139.7538740270192,35.679639861064,0 139.7542772590807,35.68019906310524,0 139.7542756900592,35.68046870570876,0 139.7543715586083,35.68119192282993,0 139.7545897198679,35.68168651292734,0 139.7549593495682,35.6821682189432,0 139.7555032456947,35.6824329857673,0 139.7555160145012,35.68284831434593,0 139.7553894039865,35.68309992054562,0 139.7556627354377,35.68323320279421,0 139.7574214220595,35.6830416452702,0 139.7574697539959,35.68340315082558,0 139.7580104320085,35.68377453204123,0 139.7595054167555,35.68375400944814,0 139.759618176845,35.68422141962794,0 139.7595920212966,35.68468866405797,0 139.7599117337258,35.68531847842154,0 139.7600575037014,35.68575775205861,0 139.7601009085385,35.6861708897798,0 139.7602475147455,35.68666521919051,0 139.7603213317698,35.68694003384306,0 139.7604666128916,35.68737948049537,0 139.7604410965537,35.68776624547633,0 139.7600846875529,35.68843134423944,0 139.7597511545801,35.68865598346791,0 139.7593456030246,35.68894165509129,0 139.7593531245066,35.68921615308319,0 139.7587141883286,35.68941699460665,0 139.757770575491,35.68967817643769,0 139.7569926321208,35.68993975568274,0 139.7563884590693,35.69016796538146,0 139.7557896635185,35.69058842595383,0 139.7552727749402,35.69099840443156,0 139.7551098706479,35.69133139988067,0 139.7549120833819,35.69160983336472,0 139.7547186408447,35.69208069039273,0 139.7544137834603,35.69253292511842,0 139.7538410707804,35.6926786390891,0 139.7529203025986,35.69283571543825,0 139.7523687326741,35.6929112138075,0 139.7518516762968,35.69303621135119,0 139.7511470251137,35.69334916583512,0 139.7506758610725,35.69361220870425,0 139.7502638225469,35.69409562016428,0 139.74995990513,35.69460169967316,0 139.7495904128705,35.69463302019953,0 139.7492048610988,35.69443810824453,0 139.7488062284918,35.69440475779583,0 139.7484294651447,35.69424646869069,0 139.7483609631604,35.69397026571329,0 139.7483301254713,35.69358083194824,0 139.7483293339439,35.69355352518635,0 139.7482465476922,35.69311877444041,0 139.7482009869082,35.69240476670072,0 139.74809456194,35.69188301693365,0 139.748103749018,35.6914930141845,0 139.7484760891128,35.69096328141118,0 139.748996058549,35.69047590898671,0 139.7496925444293,35.69011051479179,0 139.750062015379,35.6898020366764,0 139.7499434410789,35.68917363569936,0 139.7488984446675,35.68924360605173,0 139.7477114797888,35.68917918776251,0 139.7466278234911,35.68916789821753,0 139.745944078932,35.68857341280034,0 139.7455807746947,35.68775370636088,0 139.7453860351569,35.68655124418793,0 139.7450577650389,35.68537590466474,0 139.744782542371,35.68393448881709,0 
            </coordinates>
          </LinearRing>
        </outerBoundaryIs>
      </Polygon>
    </Placemark>
    <GroundOverlay>
      <name>image01</name>
      <color>d1ffffff</color>
      <Icon>
        <href>koukyo.jpg</href>
        <viewBoundScale>0.75</viewBoundScale>
      </Icon>
      <LatLonBox>
        <north>35.69509782102836</north>
        <south>35.6786175866896</south>
        <east>139.7797611956089</east>
        <west>139.7612133736026</west>
        <rotation>0.2049343565588113</rotation>
      </LatLonBox>
    </GroundOverlay>
    <Placemark>
      <name>path1</name>
      <styleUrl>#msn_ylw-pushpin1</styleUrl>
      <LineString>
        <tessellate>1</tessellate>
        <coordinates>
          139.7550104432326,35.6804592277749,0 139.7559182807368,35.68012606467397,0 139.7550982802635,35.67829187786764,0 139.7540431814921,35.67852776278119,0 139.7534587670563,35.67789123174089,0 139.7503049097473,35.67704710509919,0 139.7493725105615,35.6773118454424,0 139.7481710401701,35.67851915103021,0 139.7468011891517,35.67956612037995,0 139.7456580756896,35.67988662047246,0 139.7449561578895,35.68148000082075,0 139.7444475902699,35.68239796522175,0 139.7442346127268,35.68303867264773,0 139.7442096055415,35.68374680001626,0 139.7442927325205,35.68402971739839,0 139.744754900677,35.68386445720168,0 
        </coordinates>
      </LineString>
    </Placemark>
  </Folder>
</Document>
</kml>

■ kml データの構造

　kml ファイルは、ヘッド部，書式情報部，オブジェクト部の3つの部分で構成されています。構造については、google のサイトに記述が有ります。また具体的な例は、こちらにあります。　参考
　国土数値情報の行政区域データを kml ファイルに変換した例について見てみましょう。　参考

国土数値情報サイトから ***.shp や ***.gml などの行政境界座標データファイルをダウンロードします。
その行政境界データを変換ソフト QGIS を利用して ***.kml に変換します。
そのファイルは右上図のようになっています。参考　→
右図の .kml ファイルの構造を見ると、
1. 最初の２行に XML宣言部分があります。(緑部)
2. 境界線を記述するデータは、<Polygon>･･･<coordinates>･･･の中に、「経度,緯度　経度,緯度　･･･」の形で組り込まれています。　参考
3. その間に、本体の名前やスタイルが記述されています。
4. <coordinates>の中の「経度,緯度　経度,緯度　･･･」の形のデータを、[[経度,緯度],[経度,緯度],･･･] のような２次元配列に変換して、次に述べる Google Maps JavaScript のデータとして組り込みます。
なお、 ***.gml 形式の行政区域データには、<gml:posList>の後に、「緯度　経度　緯度　経度･･･」の形で組み込まれているので、***.kml に変更することなく同様な処理が可能です。(右下図) →

■ Google Maps JavaScript に取込み　　参考

　ここでは、上で述べたように２次元配列データを Google Maps JavaScript に取り込み、行政境界線を引いてみましょう。

まず行政境界座標データを、[[経度,緯度],[経度,緯度],･･･] のような２次元配列として取り込みます。
そのデータをGoogle Maps JavaScript の polyline データとして利用します。
勿論そのデータをエンコードして利用することも出来ます。↓
　<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <title>鎌倉</title> <script src="https://maps.googleapis.com/maps/api/js?key=【APIキー】&callback=initMap&libraries=geometry" async defer></script> <style> html, body { height: 100%; } #mapCanv { width: 100%; height: 100%; } </style> <script> var zm0 = 12; // 14 // var ct0 = new google.maps.LatLng( 35.328379,139.543071 ); // xxxxxxx var ct0 = {"lat": 35.333, "lng": 139.543 }; // 鎌倉 var dots3 = [ // [ 'No. ', 北緯 , 東経 , ], [ '1 ', 35.300362775 , 139.551550778 , ], [ '2 ', 35.300300414 , 139.551447756 , ], [ '3 ', 35.300224946 , 139.55136 , ], [ '4 ', 35.300170468 , 139.551303476 , ], [ '5 ', 35.300115135 , 139.551205331 , ], [ '6 ', 35.300080054 , 139.551147782 , ], [ '7 ', 35.300058892 , 139.551078366 , ], [ '8 ', 35.300063333 , 139.551011051 , ], [ '9 ', 35.300078775 , 139.55095358 , ], [ '10 ', 35.300095775 , 139.550896524 , ], [ '11 ', 35.300124802 , 139.550828586 , ], [ '12 ', 35.300144838 , 139.550783917 , ], [ '13 ', 35.300179946 , 139.550724747 , ], [ '14 ', 35.300237667 , 139.550670441 , ], [ '15 ', 35.300276279 , 139.550630752 , ], [ '16 ', 35.300302081 , 139.55057022 , ], [ '17 ', 35.30030664 , 139.550513645 , ], [ '18 ', 35.300302919 , 139.550469222 , ], [ '19 ', 35.300293081 , 139.550426355 , ], [ '20 ', 35.300272387 , 139.550368716 , ], [ '21 ', 35.300246414 , 139.550319663 , ], [ '22 ', 35.300219081 , 139.550272581 , ], [ '23 ', 35.300213468 , 139.550217134 , ], [ '24 ', 35.300210838 , 139.550176161 , ], [ '25 ', 35.300211721 , 139.550128885 , ], [ '26 ', 35.300224613 , 139.550095746 , ], [ '27 ', 35.300251694 , 139.550045837 , ], [ '28 ', 35.300283721 , 139.550013191 , ], [ '29 ', 35.300298838 , 139.55000061 , ], [ '30 ', 35.300299586 , 139.55 , ], [ '31 ', 35.300326613 , 139.549977471 , ], [ '32 ', 35.300364198 , 139.54995869 , ], [ '33 ', 35.30040564 , 139.549953722 , ], [ '34 ', 35.300445306 , 139.5499538 , ], [ '35 ', 35.300493892 , 139.549956161 , ], [ '36 ', 35.300614468 , 139.54998594 , ], [ '37 ', 35.300653054 , 139.55 , ], [ '38 ', 35.300654748 , 139.55000061 , ], [ '39 ', 35.300675586 , 139.550008197 , ], [ '40 ', 35.300730694 , 139.550027471 , ], [ '41 ', 35.300783252 , 139.55004786 , ], [ '42 ', 35.300831279 , 139.55006856 , ], [ '43 ', 35.300890081 , 139.550115694 , ], [ '44 ', 35.300920171 , 139.550174137 , ], [ '45 ', 35.300945775 , 139.550256861 , ], [ '46 ', 35.300963946 , 139.550352996 , ], [ '47 ', 35.300971414 , 139.55042939 , ], [ '48 ', 35.300972333 , 139.55051022 , ], [ '49 ', 35.300941748 , 139.550621725 , ], [ '50 ', 35.300906081 , 139.550709144 , ], [ '51 ', 35.300878441 , 139.550761479 , ], [ '52 ', 35.300851973 , 139.550815006 , ], [ '53 ', 35.300817946 , 139.550875473 , ], [ '54 ', 35.300777 , 139.550974916 , ], [ '55 ', 35.300724748 , 139.551107056 , ], [ '56 ', 35.300705613 , 139.551214643 , ], [ '57 ', 35.300669027 , 139.551448781 , ], [ '58 ', 35.300655865 , 139.551645084 , ], [ '59 ', 35.300628252 , 139.551664254 , ], [ '60 ', 35.300588775 , 139.5516738 , ], [ '61 ', 35.300533775 , 139.551673554 , ], [ '62 ', 35.300485919 , 139.551657691 , ], [ '63 ', 35.300426027 , 139.5516162 , ], [ '64 ', 35.300362775 , 139.551550778 , ], ]; // ============================================== function initMap() { var mapObj = new google.maps.Map(document.getElementById('mapCanv'), { zoom: zm0, center: ct0, mapTypeId: google.maps.MapTypeId.TERRAIN }); var encodetxt = "mtzvEozmrYHmB?UHm@d@WBCx@k@??JGr@w@NSJQBGPa@B[@QBQNg@NUVk@p@gBT_ADK?AXw@??BIDSXq@??DKHERG^ICyDl@cAJ]@E@SFi@Fs@BWTo@FWN_@LYR]ZWl@_AR]P_@Ro@Hm@Ni@P]^m@z@}@Zs@Hc@Fy@@GR{B?uADi@Fm@H{@J}@@MDW@G??n@kCNi@Lc@@]?]Gg@?YDSLm@N_@Dc@?_@G]EOu@_Ac@e@AUTgATg@\\UDOGYQa@Li@JUPU\\MVMj@UPQRWF_ABWNw@JQLO`Aw@n@g@~@y@r@Qr@Dd@D\\GXST_A@IBy@N]Rc@BC??NQPK??LIv@u@h@OLCb@?b@?TGPIRUNY@WA[?MCa@?qABuCBUEuAiAMc@?KSGa@Me@ECCAKGu@QSGKKKI[q@M???I?@eA?CFC??f@MXUt@MRMCSAMEk@C[AC?GNOv@[j@k@LGRGZ?z@@l@I~AJL@fA\\D?Z@P?n@PRBPEVH~@BTO@MDc@?IAS?]A]EUGY?AOc@W_A?AIk@CSIq@Mk@QUI[Um@??Uq@M_@Bi@Am@NaBHUBg@@u@?wAGWNOKgAKMi@Y[Q[O[OaAYQEYIg@WCAu@QYKQGe@QWQMMCe@?ANwAPaAXy@JYB[@a@GmASoCEeABq@A{ACw@?G??Bu@C_@a@o@WYc@_@[M{@S_@Eq@E??A?UA_@EQ?_@By@j@g@VYCUEMEg@SGCq@W_@OsBq@e@Wa@SCAQE{Ac@KQe@KSCYKe@K_@KQKQIa@Y?YTqDFeALw@@YGk@Ls@F[TaAHErAORQJqAHGH?PA^FLYDg@DGn@_@VUBKBMCOAKYi@BIf@Kj@CVG@?FCTGj@O|@GVDj@?J^ARIrAT\\FPj@`@j@NZB\\RR@j@ZVR??NLTHVNP@TKTY^e@h@c@b@I~BQXI`@IvAq@HAx@_@Xm@ViAH]PwAJw@BI??H]P_@v@m@j@o@b@o@P_@??Xc@VUfAYPKh@QtA}@R_@x@{ANu@AW@e@Hu@Ni@`@q@b@a@jAq@dAg@f@EVQXSHEb@Sv@a@NQ?AX[d@u@JUL]BGPa@L]ZIFCHARGd@KXe@x@oARWZI\\?ZBN@H?VAVMb@QHKV[LQFSJ_A?o@AG??G[Ku@Ac@DyAJWNa@Tc@p@w@R_@Zg@L]Lc@FgAAOOu@?e@B_@A_@M_@EMEOQm@?e@Jq@Pi@@_@K]GQIs@@}@@i@?]?g@E}@Ho@J]Cc@Sa@{@iAKc@Ke@SUAC??Yk@Qa@Aq@A_@@i@DgAAiAIc@CWYgBG[Mk@HIn@u@n@k@TSRG\\S~@Q\\Ip@Ep@Mp@WXOl@YpCwAd@_@VQVWTWbAy@DE|BcBz@c@ZMzBDL???X@VCr@AH?bBEvAMVC\\?|BITEj@?tBMZCrB[PCTEj@Kj@UNGHY?ULw@Tg@LMPQR_@?KGIMM?UBI??Ry@FIVk@NSXW`@_@@m@Aq@C]AqAGiACUKs@OuA?s@AMAMKo@Kq@Ge@?YNYVq@Fi@FWD_@Pk@Z_@R]PY^i@T]n@y@\\i@Gi@EQIKUO_@Ok@WOSM_@E_@B{@@a@EI??EKQSWEWMYUKYGUCiA?]Co@Ak@?WDWFO\\u@N_@G}@Ca@IOg@iAK[C[OYEy@?{@?U?]Bc@B}@Cm@Fc@LSRKj@Kt@El@Ol@Ox@Id@BXLXBl@Bt@Gh@CnABT?HA??PCr@Wr@IVQjACj@Jn@TZLf@VN@H@VAh@I`@Ib@Rb@\\^Rj@T~@eALYNM\\YV_@TOZSVWPODEVM^F\\\\X`@PFb@MPs@TqALc@HWb@e@VGXAn@@T?^D\\MvAVb@@ZA`@Kr@W`@OPQNOHG??j@a@b@i@??TWXq@b@oA\\gBVM\\EvAAd@Af@Cb@PJJT\\BDLFHB\\C^I`AUZCLGPGhA]`@C\\AX@t@?ZNJNNb@P~@BPB`A?b@B`@DJ??FRXv@Ll@H^@b@AVC\\Op@KVQd@Sd@ER?`@Uh@Yn@Ql@Cp@PbCBr@Fp@x@`@h@`@`@Zb@t@T`Ab@z@LVZRXP\\F~BLl@L\\F`@Nt@x@Xh@Vr@V|@Tl@??FNT^F\\FVHf@??@BBp@Av@@r@Ax@EdACdBAl@Db@Rj@l@|@\\Z\\ZJX|@rATRLNZXPTj@l@j@l@FZFXFf@Nt@PX\\l@Rj@JTA~AAfADb@DXXlAn@pBHVDJ??JV^pB@FHr@H^Fj@HhBHn@FtA@^AlACbAA\\At@@l@Cx@AXA|Al@b@Cn@A~AC\\C^fBJ\\@x@DJ?vAJ^AXGr@S^]b@c@JCFBDFHTHTLf@Xf@RZZTXJv@d@^`@Nf@TpABh@Dh@FN??Nd@Jh@Pp@Vd@NXDRJPZR???@LVJt@BZBT@PMZUl@??KREZ@\\NfA?@Hp@RtAFNDNP^HFXXNPVZf@l@X`AIZGbA@jA@r@Dd@Nb@h@r@LNB@VNJVb@^f@d@Zb@\\n@Rf@b@f@DF??LL`@Xp@d@JL^l@D\\?\\If@Ov@Lb@JP|@P`AVz@Hf@?v@]j@UXKb@CXAd@BNBXR^`@FVT^RXBTPr@Bn@@d@Jt@x@pCLLVf@V`@HH\\^?BBF[j@QZMTOXb@J\\C\\FZL`A^z@VP@P?T@??h@Bj@FDBDF?B@DP~@EGEEEAC?C?CAEPA?A@C@A@?@?@?B?@@BAB?BCBA?A??A?A?CAC??AE?C?CAAAA???C?A@C?AC?CAA??AAC?CI?c@???c@?C?GA_@UIGCCCCEGIKBE???A?C?A@C?CAAAAGGIAEACACCAAACACCAAAAACACCCAEAC?C?E@E?C?K?G?I@I?G@a@FKBA?ACACACAA?A?AA??C?C??A??@?@?@@@?@?B@B@FA@KDE@C?A??CAA?C?CAA?A?A?C@CA?CH?@?@@@@@?B?@AD??C@E@E?I@C@C?AC?C?EAEA?AA@B@@?B?D@B?@?@G?A?AAAC?CAC?AAA???D?B?B?@?@?@A@A?K@QD??UFAC?AAC?E@??A?AC@?@?F?@@BA@?@A@??A?]FA?AA?A?AA??CA@?B?@?BAB?@C@m@PC?A?CAAAAAACAAA?A?A?AAC?@?@B@@B@BD?@?@ADE?G@OF_@Ta@Ri@^MLQVKHCHEBIDKD?x@?D?BCBUFMLMNMVKTQTUVOPUZKP??ABOVQVWVS\\[n@Yj@[`@g@|@{@xAo@fA_@n@IJEFSRGLEHSd@CFELCHCJEHAJITCFCHADEJCHCDAFMRKPEDIHGHEHCDC@CBKNCFCDADCFCBG@GBC@E@AB?@??@?F?F?D?D@DB@B?DAHAFCBEBEBKFEDEHAHCDKRCBCBQTU\\CDE@E@ABADADAH?FAHAHCHCDCHAJAJAFAD?@??EHAHEJAHCFADCHEDCDGNAN?H@F?H@H@L@H?J?FAHCFC@ALAFAFAFEBC@??E@C@AD@D@FAFCFAFIPGLAHGPI^EXKj@??AHMz@Kr@OjBEn@Gl@Ch@Ed@CZC^A^BVBN@NPd@Th@BFBV@P@P?V?TCNEPELCHEJAH?D@DBBBD@J?NJ~A@VBXFf@Jx@PpAPnABP@NDNBLN~@D\\@JBDFD@@@???@@@@??@D?BBB@@BBJPBDBB@D@?????B@@@`@EPC@?B?@?@@VJHDNH`Ad@D@FDHDJDHDHBLHHBJFjAwGL@mAzGXLJF@@??TJNFn@ZJFPFNH^PRJTJdAf@r@\\d@RHDJD~@d@LDp@\\NFLFHDJFRH@\\?J@d@@T?N@Z?P@D?D@F@JHZd@zBBNb@lBn@zCPv@BPFTBPLr@JbAFp@BZ@P@@DF@B@???B@HC@ABC@A?@@@?B?@ABC@C?A@A@?@?BBDBBBDBBFDDB@@@?@A@??A@A@C@A@@??@@@@B?@??@@??@CBA??@?B@B@D?B?@?@A@A@A@C@AB??ABADADAD?J?BBHBB@@@@B?B?@?BAB?DADALE@A@?D@???@?D?B?@?@@BB@B@H?@@BB@@BD?@?J?BDF@?DABA@?DAH@@@@@BD?F?F?D?B@D?B?BA@?F?@@D@B@B?BABAFAFEDCBIBIBO@MBGDI@GDGBA@CF?HBF???D?F?DAHCJ?@AHAHAD?HADADABCBEJADAH?FCFCFELAHABEHCHAFADABEHCJCHABABAD?DIPABCFABEDADCDAFGTCHABADEVI^AJ?H?LCJ?N?HCJALCFAJ?HAFCJAH?HAJCJAJAJAL@H@J@H@FAFAHCN?F?X?D?J?D?H?H@D?H?FDLBH@DBJ?@EN@B?DAD?H@B@L@P@HBF?N@H@H?H?Z?X?L@P?JALAJANCNCLCNANAL?J?JALALCLCJCLALCLCL?JCP?H?L?@?J?L?L?P?LAN?L@J?L?NALCh@CNAN?D??ALCVGd@E`@Kj@QdAG\\EVIZId@Kl@E\\E\\G\\CVEXEVCRATCNANAJGJSZELENGNGNGPGPENAJ?JBP?HAHERGHCJEHENAJ@H?XBH?H?JAPALCLAVCPANCLELANCPAHAP@NBNBJ@L?DA@CFCD?BE@EDEDCDCFCHEDEFEFEFCHCHEJCJAJAHAJAH?JAH?J?J?L@H?J?JAHAJCJAHC\\AVAL?JAJ???@Eh@ALAJALALALALALALAJALAJCLALCLALAHCLCLAJCLAHAJATAH?J?BCLCHCJCJALCLCLAH?J?J?J?J@J?JAHAFAHCLCJADAFCDAHEREN?B?B?F@@?D?F?H?F?FAFAFELADCDADAF?H?HAFAFAFAFAHAJ?HAHAHAH?H?F?F@F?D?F?D?FCNCVEv@EbAEj@?LCf@?BAHCLCJAJCLCH?LALALAL?h@?LAL?L?L?JALAXAL?HAF?F@H?H@P?LAHAH?BADAF?J?J?B??AH@J?H@H?JAHAF?H@X@H?J@FAHAJAH?J?H?L?HAHAJCHAPEP?D?JAHATAJ?J?J?H?H?JAJ?J?JAJ?LAb@AJ?FAJ?HAJ?JAL?H?HAJ?J?J@T?J@J@H@H?JBJ@J?HBJ@HBN@FDR@H@LBJ@J@H??@H??@H?H?H?H@L?H@L@H@HFPDFNJ@ABAB?D?B?@?B?D?J?J?BAB?B@B@?B?DAF?D?DBL@F?F@D?F@@B?FD@B@B?F?DADABAB?D?D?F?F@FBD@B?F?F@H?FAFCDEBCDC@A?A?EBEAK@A?@@@B@BAJCD?DABCBC@CBALAFCBCDADIX@D?D?D@BB@B@@@?BABGAE?AB?B@D@DHB@B?BCBE?C@EDAH?Fl@v@^h@FrB?????R@\\@Z?V@\\@`@K?C}@D?Ci@?KA[?U???CAMC?Am@B?Ac@}@D{@Bq@BCeAEAA?A?o@]eAtDHD??B@`Af@\\HjAVj@LADi@Me@K]Ia@Ie@Um@[??A???OTMT@DDL@H@JANCLCDA@Qd@Ib@ENELAHANCHCJ?J?J?J?L@P@X?B@H@J@X@J?N?H?D?H?FAHAJ?FAH?JAF@PQ??LP?@VmCEE???g@AaCa@_@MgA_@AAo@a@KGSMo@mAGMIQCEGM_@u@GUe@aAOGGEEC[Oe@WQKw@QSGK@QBGDKFKLORKNQVWJq@W_@_@]]]YWQi@UO_@CG??Oa@c@}@Yy@GOCCS[]i@cBgBSSKIMKWQ]QSOw@YeBe@aAWUE?AEAMGMGOIIIEGS[AGU_AC]EKEIOMCCQKSOCCQMKMGKGOEQ?O?W?_@QYIEYOu@Ws@UYKa@C_@?SIe@Oa@Q]CS?OB[RWHe@CQ@q@BqBB]@W?A?a@Aa@As@GqA]i@Sc@Ei@@}@TW@OAe@BU@wAHMCg@MQI_@WKQ??U]CMIYYWa@s@QUu@c@QOMGk@WwAw@QMi@[A?Wg@Ws@Qc@QUKS??CESUOSY]i@c@[MWOk@Wo@[g@Mo@SaA[}A[[Ew@WSO]]W[OUGKYo@i@q@US]IUGm@Qg@Ge@@m@BY?Q?A?[@AGKw@UuAAGOYK[QUAAU]??EEGSCMCIIm@?]Co@E}ACsC@aABk@H_BJq@Bw@Fs@D_@??@I???IDa@BcAAOEe@CO?AEMSi@OWQY_@[c@a@OMQGY[s@m@mAgAGE_Au@s@q@a@WWYe@a@US_B}AcAaAc@UuAiAUQ{DgDaCqBm@m@c@_@CAo@k@CCW]c@_@WOeAoAUYeAaAA?a@_@A?AZ?B???@CZCr@C`@GP_@i@EC??CAi@o@We@??MSER??ABSNE@KBMTE@WDWFOBEDKFOJc@\\UP?r@@hAMp@?@EZYrB?PQlA_@rBAPKh@IZUnBEZKj@K\\WfCx@\\`B`@@?Nv@FZ@Dd@BTNHPBHBBJ\\KPg@?a@O_@MWIa@McAGk@g@WIi@Q[EE@Ij@AVOd@Mn@GNKJUHS@_@E[AS@[?S@I?M?u@_@g@o@IKAAK}AC[Qc@g@S[O?QDQAIGQEYy@cAKEM?KBIHKXG\\Gh@QN[?eASa@Ee@@W@o@J}@?SLE@]BY^_@j@GD?@_@XAPF`@V\\@@??ZZh@f@VLn@TJHLRDZA\\Yd@GHc@PUJoAh@??SJ]D]Wg@j@SFKBIKK_@QYMSKQ_AOMF]POJSd@P^NP??^b@VN\\FXZb@DJFBfACJWNMHC?m@TQ@{@_@SCa@EOEWAYCWL?B@H?FTf@BL?DFTHN@HCJ]j@M^Kx@Gb@?JBHdBlAn@X|Aj@RVJh@RnA?LCNM@e@A[Yo@q@QI]Ie@GKBUBUD_@FqBZS@c@MYI_@L_Az@MNs@r@KFQH]D{@?eAVOBGDa@t@QVW`@Y`@SPm@|AIXgA`De@vAAnAIhA??G`AE\\G\\UrFALARM|AOlC@rAA`BAJS`@WR_@XIFcAv@IDSQYY??CC]]KUO[AUAg@AUIWOG_@Q_AOUEMCSEGAYMe@QSMCAc@[aAg@_@[oAm@CASGWIWGm@Im@Qq@_@QC[e@Ge@?WDONWBOMSIGS@QRKLGBE?SIUQw@OSUQ[m@g@i@k@Q[?QHYFK??`@u@FMBMMKsAeAe@Wq@[]Oa@Ak@NWA[M_@YQa@CAQQy@{@WQ_@UQM[MYO??IGa@Qi@CWIa@E_@M@KB_@Ho@\\yAHsA"; points1 = google.maps.geometry.encoding.decodePath(encodetxt); // 径路データのエンコード var flightPath = new google.maps.Polyline({ path: points1, geodesic: true, strokeColor: '#FF0000', strokeOpacity: 0.7, strokeWeight: 2 }); flightPath.setMap(mapObj); // --------------------------------- var points3=[]; // ----------------- for ( var i = 0; i < dots3.length; i++) { var points = { lat: dots3[i][1], lng: dots3[i][2] }; points3.push ( points ); }; var flightPath = new google.maps.Polyline({ path: points3, geodesic: true, strokeColor: '#dd6600', strokeOpacity: 0.7, strokeWeight: 2 }); flightPath.setMap(mapObj); // --------------------------------- } </script> </head> <body> <div id="mapCanv"></div> </body> </html>
[緯度,経度] の２次元配列データを取り込んだ地図が表示されます。↓

■ Google Static Maps に取込み　　参考

　２次元配列位置データは次のように Google Static Maps に取り込み、表示することも出来ます。ただし、2048文字までの文字数制限があるので、データ量の多い行政境界座標データの表示には向いていません。必要なら更にエンコードします。

◆ ２次元配列位置データを、path=緯度,経度|緯度,経度|･･･の形で、Static Maps の path データとして取込みます。↓　参考

<img src="https://maps.googleapis.com/maps/api/staticmap?size=400x260&path=weight:3|color:red|35.337244,139.545324|35.336955,139.545002|35.334444,139.547749|35.333945,139.548908|35.333463,139.549584|35.332851,139.550034|35.332422,139.550227|35.331940,139.550635|35.331608,139.551139|35.331188,139.552148|35.330951,139.552513|35.329323,139.553639|35.329192,139.553843|35.328842,139.554626|35.327905,139.555989|35.327520,139.556203|35.327082,139.556128|35.326566,139.555806|35.326216,139.555377|35.324325,139.553843|35.323625,139.555045|35.319764,139.552663|35.318863,139.552116|35.318915,139.550850|35.319020,139.550474&key=【API キー】">

◆ 表示例

■ kml ファイルとは

■ kml ファイルの利用

■ kml データの構造

■ Google Maps JavaScript に取込み 参考

■ Google Static Maps に取込み 参考

■ 参考サイト

■ Google Maps JavaScript に取込み　　参考

■ Google Static Maps に取込み　　参考