javascript:Bing Maps AJAX Control, Version 7.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Map with valid credentials</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0&mkt=zh-HK"></script>
<script type="text/javascript">
//参考网址:
/*
https://msdn.microsoft.com/en-us/library/gg427600.aspx 显示语言类型
https://www.microsoft.com/maps/choose-your-bing-maps-API.aspx
http://microsoft.github.io/windows/
http://cn.bing.com/dev/en-us/dev-center
https://code.msdn.microsoft.com/site/search?f%5B0%5D.Type=SearchText&f%5B0%5D.Value=bing%20maps
https://www.bingmapsportal.com/ISDK/AjaxV7#CreateMap1
*/
var map = null; function getMap()
{
map = new Microsoft.Maps.Map(document.getElementById('myMap'), {credentials: 'your key'});
}
</script>
</head>
<body onload="getMap();">
<div id='myMap' style="position:relative; width:400px; height:400px;"></div>
</body>
</html>
http://www.codeproject.com/Articles/79123/Sample-WPF-Application-Consuming-Bing-Maps-Web-Ser
Supported Cultures
The following table lists supported cultures for map labels, the navigation control and the Microsoft.Maps.Directions module. The Culture column lists values to specify for the mkt parameter.
| Language - Country/Region | Culture | Map Labels | Navigation Control | Microsoft.Maps.Directions module |
|---|---|---|---|---|
|
All |
ngt |
X |
||
|
Czech – Czech Republic |
cs-CZ |
X |
X |
|
|
Danish – Denmark |
da-DK |
X |
X |
|
|
Dutch - Belgium |
nl-BE |
X |
X |
|
|
Dutch – Netherlands |
nl-NL |
X |
X |
X |
|
English - Australia |
en-AU |
X |
X |
|
|
English – Canada |
en-CA |
X |
X |
X |
|
English - India |
en-IN |
X |
X |
X |
|
English - United Kingdom |
en-GB |
X |
X |
X |
|
English - United States |
en-US |
X |
X |
X |
|
Finnish – Finland |
fi-FI |
X |
X |
|
|
French-Belgium |
fr-BE |
X |
X |
|
|
French – Canada |
fr-CA |
X |
X |
X |
|
French-Switzerland |
fr-CH |
X |
X |
|
|
French – France |
fr-FR |
X |
X |
X |
|
German – Germany |
de-DE |
X |
X |
X |
|
Italian – Italy |
it-IT |
X |
X |
X |
|
Japanese - Japan |
ja-JP |
X |
X |
X |
|
Korean-Korea |
Ko-KR |
X |
X |
|
|
Norwegian (Bokmal) - Norway |
nb-NO |
X |
X |
X |
|
Polish - Poland |
pl-PL |
X |
X |
X |
|
Portuguese - Brazil |
pt-BR |
X |
X |
|
|
Portuguese - Portugal |
pt-PT |
X |
X |
|
|
Russian - Russia |
ru-RU |
X |
X |
X |
|
Spanish - Mexico |
es-MX |
X |
X |
X |
|
Spanish - Spain |
es-ES |
X |
X |
X |
|
Spanish – United States |
es-US |
X |
X |
X |
|
Swedish - Sweden |
sv-SE |
X |
X |
X |
|
Chinese – Hong Kong |
zh - HK |
X |
X |
X |
|
Chinese - Taiwan |
zh - TW |
X |
X |
X |
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Bing Map Demo</title> <script src="Scripts/jquery-2.0.3.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0&mkt=zh-HK"> </script> <script type="text/javascript">
var gTheMap;
var gMarker1;
var gMarker2; $(document).ready(DocLoaded); function DocLoaded()
{
// golf course coordinates
var StartLat = 44.924254;
var StartLng = -93.366859; // what element to display the map in
var mapdiv = $("#map_div")[0]; // where on earth the map should display
var StartPoint = new Microsoft.Maps.Location(StartLat, StartLng); // create the map
gTheMap = new Microsoft.Maps.Map(mapdiv,
{
credentials: 'Asbsa_hzfHl69XF3wxBd_WbW0dLNTRUH3ZHQG9qcV5EFRLuWEaOP1hjWdZ0A0P17',
center: StartPoint,
zoom: 18,
mapTypeId: Microsoft.Maps.MapTypeId.aerial
}); // place two markers
marker1 = PlaceMarker(new Microsoft.Maps.Location(StartLat, StartLng + .0001));
marker2 = PlaceMarker(new Microsoft.Maps.Location(StartLat, StartLng - .0001)); DragEnd(null);
} // ---- PlaceMarker ------------------------------------ function PlaceMarker(location)
{
var marker = new Microsoft.Maps.Pushpin(location,
{
draggable : true
});
Microsoft.Maps.Events.addHandler(marker, 'dragend', DragEnd);
gTheMap.entities.push(marker);
return marker;
} // ---- DragEnd ------------------------------------------- var gLine = null; function DragEnd(Args)
{
var Distance = CalculateDistance(marker1._location, marker2._location); $("#message").text(Distance.toFixed(1) + ' yards'); // draw a line connecting the points
var Endpoints = [marker1._location, marker2._location]; if (gLine == null)
{
gLine = new Microsoft.Maps.Polyline(Endpoints,
{
strokeColor: new Microsoft.Maps.Color(0xFF, 0xFF, 0xFF, 0), // aRGB
strokeThickness : 2
}); gTheMap.entities.push(gLine);
}
else
gLine.setLocations(Endpoints);
} // ---- CalculateDistance ------------------------------------
//
// return Yards between two points function CalculateDistance(Position1, Position2)
{
var lat1 = Position1.latitude;
var lat2 = Position2.latitude;
var lon1 = Position1.longitude;
var lon2 = Position2.longitude; var EarthRadius = 6371; // km
var dLat = ToRadian(lat2 - lat1);
var dLon = ToRadian(lon2 - lon1);
var lat1 = ToRadian(lat1);
var lat2 = ToRadian(lat2); var a = Math.sin(dLat / 2) * Math.sin(dLat / 2) +
Math.sin(dLon / 2) * Math.sin(dLon / 2) * Math.cos(lat1) * Math.cos(lat2);
var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)); var Kmeters = EarthRadius * c;
var yards = Kmeters * 1000 * 1.0936133;
return yards;
} // ---- ToRadian -----------------------
//
// input degrees, output radians
function ToRadian(Value)
{
return Value * Math.PI / 180;
}
</script>
</head>
<body>
<div id="map_div" style="width: 100%; height: 100%; "> </div>
<span style="position:absolute; top:0px; right:6em; width: 6em; z-index:100;
text-align:center; background-color: yellow" id="message"></span>
<span style="position: absolute; top: 0px; right:2em; width:4em; background-color: yellow; text-align: center;" >
<a href="http://weblogs.asp.net/stevewellens/archive/2012/12/09/google-and-bing-map-apis-compared.aspx" target="_blank">BLOG</a></span> </body>
</html>
http://stevewellens.com/GoogleMapsDemo.html?ckattempt=2
http://stevewellens.com/BingMapsDemo.html?ckattempt=1
http://vejs.codeplex.com/
https://www.microsoft.com/maps/choose-your-bing-maps-API.aspx
https://www.bingmapsportal.com/ISDK/AjaxV7#TrafficModule1
http://cn.bing.com/dev/en-us/dev-center
https://code.msdn.microsoft.com/site/search?f%5B0%5D.Type=SearchText&f%5B0%5D.Value=bing%20maps
http://microsoft.github.io/windows/
https://code.msdn.microsoft.com/bing/Bing-Maps-for-JavaScript-84f1effc
https://msdn.microsoft.com/en-us/library/ff701733.aspx
http://www.codeproject.com/Articles/461691/Driving-route-path-direction-with-Bing-Maps-in-Csh
国测局GCJ-02坐标体系(谷歌、高德、腾讯、微软、雅虎等),与百度坐标BD-09体系的转换,在CSDN上有很详细的讲解:
C++:
const double x_pi = 3.14159265358979324 * 3000.0 / 180.0; void bd_encrypt(double gg_lat, double gg_lon, double &bd_lat, double &bd_lon)
{
double x = gg_lon, y = gg_lat;
double z = sqrt(x * x + y * y) + 0.00002 * sin(y * x_pi);
double theta = atan2(y, x) + 0.000003 * cos(x * x_pi);
bd_lon = z * cos(theta) + 0.0065;
bd_lat = z * sin(theta) + 0.006;
} void bd_decrypt(double bd_lat, double bd_lon, double &gg_lat, double &gg_lon)
{
double x = bd_lon - 0.0065, y = bd_lat - 0.006;
double z = sqrt(x * x + y * y) - 0.00002 * sin(y * x_pi);
double theta = atan2(y, x) - 0.000003 * cos(x * x_pi);
gg_lon = z * cos(theta);
gg_lat = z * sin(theta);
}
csharp:
const double x_pi = 3.14159265358979324 * 3000.0 / 180.0;
/// <summary>
///
/// </summary>
/// <param name="gg_lat"></param>
/// <param name="gg_lon"></param>
/// <param name="bd_lat"></param>
/// <param name="bd_lon"></param>
void bd_encrypt(double gg_lat, double gg_lon,out double bd_lat,out double bd_lon)
{
double x = gg_lon, y = gg_lat;
double z = Math.Sqrt(x * x + y * y) + 0.00002 * Math.Sin(y * x_pi);
double theta = Math.Atan2(y, x) + 0.000003 * Math.Cos(x * x_pi);
bd_lon = z * Math.Cos(theta) + 0.0065;
bd_lat = z * Math.Sin(theta) + 0.006; }
/// <summary>
///
/// </summary>
/// <param name="bd_lat"></param>
/// <param name="bd_lon"></param>
/// <param name="gg_lat"></param>
/// <param name="gg_lon"></param>
void bd_decrypt(double bd_lat, double bd_lon,out double gg_lat,out double gg_lon)
{
double x = bd_lon - 0.0065, y = bd_lat - 0.006;
double z = Math.Sqrt(x * x + y * y) - 0.00002 * Math.Sin(y * x_pi);
double theta = Math.Atan2(y, x) - 0.000003 * Math.Cos(x * x_pi);
gg_lon = z * Math.Cos(theta);
gg_lat = z * Math.Sin(theta);
}
javascript:Bing Maps AJAX Control, Version 7.0的更多相关文章
- 【Silverlight】Bing Maps学习系列(八):使用Bing Maps Silverlight Control加载自己部署的Google Maps
[Silverlight]Bing Maps学习系列(八):使用Bing Maps Silverlight Control加载自己部署的Google Maps 上个月微软必应地图(Bing Maps) ...
- 【Silverlight】Bing Maps学习系列(二):通过Bing Maps Silverlight Control如何显示地图(转)
[Silverlight]Bing Maps学习系列(二):通过Bing Maps Silverlight Control如何显示地图 如本系列第一篇你所介绍的,开发基于Silverlight的Bin ...
- SQL Server 2008空间数据应用系列十二:Bing Maps中呈现GeoRSS订阅的空间数据
原文:SQL Server 2008空间数据应用系列十二:Bing Maps中呈现GeoRSS订阅的空间数据 友情提示,您阅读本篇博文的先决条件如下: 1.本文示例基于Microsoft SQL Se ...
- SQL Server 2008空间数据应用系列八:基于Bing Maps(Silverlight)的空间数据存储
原文:SQL Server 2008空间数据应用系列八:基于Bing Maps(Silverlight)的空间数据存储 友情提示,您阅读本篇博文的先决条件如下: 1.本文示例基于Microsoft S ...
- SQL Server 2008空间数据应用系列七:基于Bing Maps(Silverlight) 的空间数据展现
原文:SQL Server 2008空间数据应用系列七:基于Bing Maps(Silverlight) 的空间数据展现 友情提示,您阅读本篇博文的先决条件如下: 1.本文示例基于Microsoft ...
- Bing Maps进阶系列九:使用MapCruncher进行地图切片并集成进Bing Maps
Bing Maps进阶系列九:使用MapCruncher进行地图切片并集成进Bing Maps 在Bing Maps开发中,由于各种应用功能的不同,更多的时候用户可能需要将自己的一部分图片数据作为地图 ...
- 【Silverlight】Bing Maps学习系列(五):绘制多边形(Polygon)图形(转)
[Silverlight]Bing Maps学习系列(五):绘制多边形(Polygon)图形 Bing Maps Silverlight Control支持用户自定义绘制多边形(Polygon)图形, ...
- 【Silverlight】Bing Maps学习系列(三):如何控制地图
[Silverlight]Bing Maps学习系列(三):如何控制地图 本篇主要介绍如何对地图的一些常用控制操作,包括地图加载模式.根据精度和纬度定位.变焦程度等. 一.动态设置地图加载模式 在本系 ...
- 【Silverlight】Bing Maps学习系列(一):开发前的准备工作
[Silverlight]Bing Maps学习系列(一):开发前的准备工作 微软推出的Bing Maps地图引擎,对外开放了Silverlight和Ajax两种客户端API,同时微软针对全球地图还推 ...
随机推荐
- Glide.centerCrop()第一次显示无效
Glide.with(context) .load(url) .centerCrop() /** fitCenter() */ .placeholder(R.mi ...
- Java开发者值得关注的7款新工具
云计算.大数据地快速发展催生了不少热门的应用及工具.作为老牌语言Java,其生态圈也出来了一些有关云服务.监控.文档分享方面的工具.本文总结了7款较新的Java工具,大家不妨看下. 1. JClari ...
- 可编辑的DIV -编辑器
找了好多,没几个好用的,都或多或少有问题 目前这个最好用.. 不过有一个奇葩的问题,就是要放在"<a></a>"标签里面, js或者jQuery获取 $ ...
- Object c 基础知识
文件类型说明:.h 头文件,用于定义类.实例变量及类中的方法等定义信息(interface)..m 源文件,定义方法体,可实现objce-c和c方法(implementation)..mm c++源文 ...
- 再探 Ext JS 6 (sencha touch/ext升级版) 变化篇 (编译命令、滚动条、控制层、模型层、路由)
从sencha touch 2.4.2升级到ext js 6,cmd版本升级到6.0之后发生了很多变化 首先从cmd说起,cmd 6 中sencha app build package不能使用了,se ...
- 内容营销三大实用法则(内含干货)-同样可运用在EDM数据营销中
内容为王的时代,注重内容的发展才能屹立于互联网的浪潮之中.一个优秀内容在搜寻引擎优化.用户互动,促进销售等方面都扮演重要的角色,博主在这方面深有体会,但是很多人往往走向事情的反面,不注重实际的内容,而 ...
- Android:如何从堆栈中还原ProGuard混淆后的代码
本文翻译自Android: How To Decode ProGuard's Obfuscated Code From Stack Trace 本篇文章是写给那些在他们的应用中使用ProGuard并且 ...
- 对C#对象的Shallow、Deep Cloning认识【转】
好像园内比较多博客对 Shallow.Deep Cloning的翻译是深拷贝.浅拷贝,当时我懵了,这个叫法怎么怪怪的. 就好像看军情观察室,台湾评论员,导弹叫飞弹. 至于它们的区别,一张图就可以解释. ...
- Debian 基本设置
在此做一下记录,省得以后再老是去搜索了 我的debian版本v:8.1.0 我是在Hyper-V中装的,启动后一直ping不通网址,后来才知道Debian不能直接ping域名,只能ping IP... ...
- CentOS linux系统搭建LAMP环境
准备工作: 1.配置防火墙,开启80端口.3306端口vi /etc/sysconfig/iptables-A INPUT -m state –state NEW -m tcp -p tcp –dpo ...