Leaflet.js加载天地图的WMTS服务（EPSG4326类型）

dahongdahongLeaflet.js加载天地图.rar 141.22KB

资源介绍:

通过修改Leaflet扩展插件leaflet-tilelayer-wmts.js加载天地图的wmts服务（epsg4326类型）。具体介绍见：http://blog.********/dahongdahong/article/details/49685653 补充：对于新版本的leaflet不建议使用插件方式，其本身已经支持4326坐标系了

<html> <head> <title>温岭公交换乘</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="icon" href="image/title.ico" type="image/x-icon" /> <link rel="shortcut icon" href="image/title.ico" type="image/x-icon" /> <script type='text/javascript' src='script/jquery-1.7.2.min.js'></script> <script type='text/javascript' src='script/base.js'></script> <script type='text/javascript' src='script/bus.js'></script> <script type='text/javascript' src='script/mapOp.js'></script> <script type='text/javascript' src='script/leaflet/leaflet-src.js'></script> <script type='text/javascript' src='script/leaflet/leaflet-tilelayer-wmts-src.js'></script> <link type='text/css' rel='stylesheet' href='script/leaflet/leaflet.css' /> <link type='text/css' rel='stylesheet' href='css/base.css'> </head> <body> <div id='header' title='公交换乘'></div> <div id='main'> <div id='leftpanel'> <div id='search_panel'> <div id='function-container'> <ul class='clearfix'> <li title='驾车'><a class='icon-car'>驾车</a></li> <li title='公交'><a class='icon-bus'>公交</a></li> <li title='步行'><a class='icon-walk'>步行</a></li> </ul> <div class="line-search"> <div class="line-search-left"> <a class="icon-updown" title="互换地点"></a> </div> <div class="line-search-form"> <p class="line-search-start"> <label>起 :</label> <input type="text" placeholder="请输入起点" value="" class="" autocomplete="off">  </p> <p class="line-search-end"> <label>终 :</label> <input type="text" placeholder="请输入终点" value="" autocomplete="off">  </p> <p class="line-search-submit"> <a href="javascript:void(0)" class="line-search-clear none">清除路线</a> <button>查询路线</button> <span class="fa-spin"></span> </p> </div> <div class="line-search-right"> <a class="icon-add" title="增加途经点" style="display: none;"></a> </div> </div> </div> </div> <div id='result_panel'> </div> </div> <div id='map'> </div> </div> </body> </html>