Files
coordtransform/index.html
T

159 lines
7.0 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href='https://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
<link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen">
<link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<title>Coordtransform by wandergis</title>
</head>
<body>
<header>
<div class="inner">
<h1>Coordtransform</h1>
<h2>提供了百度坐标(BD09)、国测局坐标(火星坐标,GCJ02)、和WGS84坐标系之间的转换</h2>
<a href="https://github.com/wandergis/coordtransform" class="button"><small>View project on</small> GitHub</a>
</div>
</header>
<div id="content-wrapper">
<div class="inner clearfix">
<section id="main-content">
<h1>
<a id="coordtransform-坐标转换" class="anchor" href="#coordtransform-%E5%9D%90%E6%A0%87%E8%BD%AC%E6%8D%A2" aria-hidden="true"><span class="octicon octicon-link"></span></a>coordtransform 坐标转换</h1>
<hr>
<p>一个提供了百度坐标(BD09)、国测局坐标(火星坐标,GCJ02)、和WGS84坐标系之间的转换的工具模块(另外还提供了python版本的代码<a href="https://github.com/wandergis/coordTransform_py%EF%BC%89">https://github.com/wandergis/coordTransform_py</a></p>
<hr>
<h1>
<a id="支持node浏览器amd方式和直接引用方式" class="anchor" href="#%E6%94%AF%E6%8C%81node%E6%B5%8F%E8%A7%88%E5%99%A8amd%E6%96%B9%E5%BC%8F%E5%92%8C%E7%9B%B4%E6%8E%A5%E5%BC%95%E7%94%A8%E6%96%B9%E5%BC%8F" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>支持node、浏览器(AMD方式和直接引用方式)</strong>
</h1>
<ul>
<li>GitHub地址:<a href="https://github.com/wandergis/coordtransform">https://github.com/wandergis/coordtransform</a>
</li>
<li>npm地址:<a href="https://www.npmjs.com/package/coordtransform">https://www.npmjs.com/package/coordtransform</a>
</li>
<li>项目主页:<a href="http://wandergis.github.io/coordtransform/">http://wandergis.github.io/coordtransform/</a>
</li>
</ul>
<h3>
<a id="安装install" class="anchor" href="#%E5%AE%89%E8%A3%85install" aria-hidden="true"><span class="octicon octicon-link"></span></a>安装(install</h3>
<pre><code>npm install coordtransform
</code></pre>
<h3>
<a id="示例用法exampleusage" class="anchor" href="#%E7%A4%BA%E4%BE%8B%E7%94%A8%E6%B3%95exampleusage" aria-hidden="true"><span class="octicon octicon-link"></span></a>示例用法(Example&amp;Usage</h3>
<p>1 NodeJs用法</p>
<pre><code>//国测局坐标(火星坐标,比如高德地图在用),百度坐标,wgs84坐标(谷歌国外以及绝大部分国外在线地图使用的坐标)
var coordtransform=require('coordtransform');
//百度经纬度坐标转国测局坐标
var bd09togcj02=coordtransform.bd09togcj02(116.404, 39.915);
//国测局坐标转百度经纬度坐标
var gcj02tobd09=coordtransform.gcj02tobd09(116.404, 39.915);
//wgs84转国测局坐标
var wgs84togcj02=coordtransform.wgs84togcj02(116.404, 39.915);
//国测局坐标转wgs84坐标
var gcj02towgs84=coordtransform.gcj02towgs84(116.404, 39.915);
console.log(bd09togcj02);
console.log(gcj02tobd09);
console.log(wgs84togcj02);
console.log(gcj02towgs84);
//result
//bd09togcj02: [ 116.39762729119315, 39.90865673957631 ]
//gcj02tobd09: [ 116.41036949371029, 39.92133699351021 ]
//wgs84togcj02: [ 116.41024449916938, 39.91640428150164 ]
//gcj02towgs84: [ 116.39775550083061, 39.91359571849836 ]
</code></pre>
<p>2 浏览器用法
直接引用目录内的index.js,会有一个coordtransform的全局对象暴露出来,也支持用AMD加载器加载</p>
<pre><code>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
&lt;meta charset="UTF-8"&gt;
&lt;title&gt;coordTransform&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;h1&gt;请按F12打开控制台查看结果&lt;/h1&gt;
&lt;script src="index.js"&gt;&lt;/script&gt;
&lt;script&gt;
//国测局坐标(火星坐标,比如高德地图在用),百度坐标,wgs84坐标(谷歌国外以及绝大部分国外在线地图使用的坐标)
//百度经纬度坐标转国测局坐标
var bd09togcj02 = coordtransform.bd09togcj02(116.404, 39.915);
//国测局坐标转百度经纬度坐标
var gcj02tobd09 = coordtransform.gcj02tobd09(116.404, 39.915);
//wgs84转国测局坐标
var wgs84togcj02 = coordtransform.wgs84togcj02(116.404, 39.915);
//国测局坐标转wgs84坐标
var gcj02towgs84 = coordtransform.gcj02towgs84(116.404, 39.915);
console.log(bd09togcj02);
console.log(gcj02tobd09);
console.log(wgs84togcj02);
console.log(gcj02towgs84);
//result
//bd09togcj02: [ 116.39762729119315, 39.90865673957631 ]
//gcj02tobd09: [ 116.41036949371029, 39.92133699351021 ]
//wgs84togcj02: [ 116.41024449916938, 39.91640428150164 ]
//gcj02towgs84: [ 116.39775550083061, 39.91359571849836 ]
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
<hr>
<h3>
<a id="sometipes" class="anchor" href="#sometipes" aria-hidden="true"><span class="octicon octicon-link"></span></a>sometipes</h3>
<p>对于做GIS的人来说,底图对我们还是很重要的,有时候看国外的底图很好看,换上之后发现坐标位置全部不对,因此写了这个包帮助大家完成坐标的转换,也准备写成一个leaflet的扩展,方便大家的使用,喜欢的童鞋请star,O(∩_∩)O</p>
</section>
<aside id="sidebar">
<a href="https://github.com/wandergis/coordtransform/zipball/master" class="button">
<small>Download</small>
.zip file
</a>
<a href="https://github.com/wandergis/coordtransform/tarball/master" class="button">
<small>Download</small>
.tar.gz file
</a>
<p class="repo-owner"><a href="https://github.com/wandergis/coordtransform"></a> is maintained by <a href="https://github.com/wandergis">wandergis</a>.</p>
<p>This page was generated by <a href="https://pages.github.com">GitHub Pages</a> using the Architect theme by <a href="https://twitter.com/jasonlong">Jason Long</a>.</p>
</aside>
</div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-69939917-1");
pageTracker._trackPageview();
} catch(err) {}
</script>
</body>
</html>