BingMap地图显示中文

本文介绍如何在BingMap中使用JavaScript进行地图初始化,并设置地图显示为中文。通过修改地图加载脚本中的mkt参数,可以实现地图的中英文切换。此外,还提供了完整的HTML和JavaScript代码示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >



bingMap的js引用

<script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0&mkt=zh-cn"></script>

mkt=en-us:英文显示【默认选项】

mkt=zh-cn:中文显示

在BingMap的官网地图上我还真没有找到设置显示中文的选项。

 

Test code:

Html:

  1. <form id="form1" runat="server">  
  2.     <div id="divMap">  
  3.       
  4.     </div>  
  5.     </form>  
<form id="form1" runat="server">
    <div id="divMap">
    
    </div>
    </form>

Js:

[javascript] view plain copy print ? 在CODE上查看代码片 派生到我的代码片
  1. <script type="text/javascript">  
  2.     var map = null;  
  3.     var bingMapKey = "AvHCAx5M3rKrzF-3b_DpRotDCe5Bs53FsqmGhg6i4t0ISDPjadyZsCke61VGacfd";  
  4.     var infobox = null;  
  5.   
  6.     $(document).ready(function ()  
  7.     {  
  8.         var mapOptions = {  
  9.             credentials: bingMapKey,  
  10.             enableClickableLogo: false,  
  11.             enableSearchLogo: false,  
  12.             showMapTypeSelector: true,  
  13.             showCopyright: false,  
  14.             mapTypeId: Microsoft.Maps.MapTypeId.road,  
  15.             //zoom: 10,  
  16.             //animate:false  
  17.             useInertia:false  
  18.         };  
  19.         map = new Microsoft.Maps.Map($('#divMap')[0], mapOptions);  
  20.   
  21.         var pushpin = new Microsoft.Maps.Pushpin(new Microsoft.Maps.Location(41, -72));  
  22.         // Add a handler to the pushpin drag  
  23.         Microsoft.Maps.Events.addHandler(pushpin, 'click', DisplayLoc);  
  24.         map.entities.push(pushpin);  
  25.   
  26.         //Infobox  
  27.         var infoboxOptions = {  
  28.             width: 300,  
  29.             height: 100,  
  30.             title: "Title1",  
  31.             description: "Description1",  
  32.             animate: false,  
  33.             showPointer: false  
  34.         };  
  35.         infobox = new Microsoft.Maps.Infobox(pushpin, infoboxOptions);  
  36.         map.entities.push(infobox);  
  37.   
  38.         var _chartLayer = new Microsoft.Maps.EntityCollection();  
  39.         map.entities.push(_chartLayer);  
  40.   
  41.     })  
  42. </script>  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值