bing地图的使用

最新推荐文章于 2022-06-22 19:44:26 发布

weixin_34166472

最新推荐文章于 2022-06-22 19:44:26 发布

阅读量974

点赞数

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/bothyan/blog/405620

版权

2019独角兽企业重金招聘Python工程师标准>>>

引入js文件

<script type="text/javascript" src="http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0"></script>

1、地图创建：

var map = new Microsoft.Maps.Map("dom元素", 
                           {credentials: "Key",
                            center: new Microsoft.Maps.Location(‘经度’, ‘纬度’),
                            mapTypeId: Microsoft.Maps.MapTypeId.road,
                            zoom: 7});

2、视图切换：

map.setView({
		center: new Microsoft.Maps.Location(‘经度’, ‘纬度’),
		centerOffset: new Microsoft.Maps.Point(0, 70)
          });

3、插入内容：

var infoOption = {
			width: 464,
			offset: new Microsoft.Maps.Point(0, 0),
			visible: true
		}
		var infoBox = new Microsoft.Maps.Infobox(center, infoOption);
		map.entities.push(infoBox);
infoBox.setLocation(new Microsoft.Maps.Location(‘经度’, ‘纬度’)); //设置位置
infoBox.setOptions({
         offset: new Microsoft.Maps.Point(0, 0),
         htmlContent: '',
         visible: true
});		//设置属性

var pinOptions = {  
		  width: 25,
		  height: 25,
		  htmlContent: '',
		  draggable: false,
		  zIndex: 1
		};       //插入图钉
var pin = new Microsoft.Maps.Pushpin(center, pinOptions); 
map.entities.push(pin);

Microsoft.Maps.Events.addHandler(pin, "click", function(){
					showInfoBox(loc, $li);
				}); //事件

4、图片：

http://dev.virtualearth.net/REST/v1/Imagery/Map/Road/'经度','纬度'/9mapSize='宽','高'&format=jpeg&centerPoint='经度','纬度'&key='key'

转载于:https://my.oschina.net/bothyan/blog/405620