百度地图之加载地图

根据经度、纬度、级别加载地图信息
示例如下:

	/**
	 * 加载地图
	 * 参数:
	 * 		经度
	 *     纬度
	 *     级别
	 *     地图div  id
	 * */
	function loadMap(lon,lat,lvl,divId){
		_mapId=divId;
		map = new BMap.Map(divId,{enableMapClick:false}); // 创建Map实例
		map.centerAndZoom(new BMap.Point(lon,lat), lvl);
		map.disableInertialDragging(); 
		map.enableScrollWheelZoom(); //启用滚轮放大
		map.setDefaultCursor("auto");   //设置鼠标指针
	}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
加载 GEOJSON 数据到百度地图中,可以使用百度地图开放平台提供的 `GeoJSON` 类库。下面是一个简单的示例,展示如何加载 GEOJSON 数据并在地图上显示。 首先,需要在 HTML 文件中添加百度地图的 JavaScript API: ```html <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的AK"></script> ``` 其中,`你的AK` 需要替换成你在百度地图开放平台申请的密钥。 然后,在 JavaScript 文件中,可以使用 `GeoJSON` 类库加载 GEOJSON 数据,并在地图上绘制相应的图形: ```javascript // 创建地图 var map = new BMap.Map("mapContainer"); // 设置地图中心和缩放级别 var point = new BMap.Point(116.404, 39.915); map.centerAndZoom(point, 15); // 加载 GEOJSON 数据 var geojson = new BMap.GeoJSON(); // 定义 GEOJSON 数据源 var url = "your_geojson_url"; // 加载数据源,并在地图上绘制图形 geojson.load(url, function (geojson) { map.addOverlay(geojson); }); ``` 其中,`your_geojson_url` 需要替换成你的 GEOJSON 数据源的 URL。加载数据源后,可以调用 `addOverlay` 方法将 GEOJSON 数据绘制在地图上。 需要注意的是,由于百度地图的坐标系与 GEOJSON 的坐标系不同,因此需要将 GEOJSON 数据中的坐标进行转换。可以在 `load` 方法中传入一个回调函数,对数据进行转换。 ```javascript // 加载 GEOJSON 数据,并进行坐标转换 geojson.load(url, function (geojson) { geojson.eachOverlay(function (overlay) { if (overlay instanceof BMap.Marker) { var point = overlay.getPosition(); var lng = point.lng; var lat = point.lat; overlay.setPosition(new BMap.Point(lng, lat)); } else if (overlay instanceof BMap.Polygon || overlay instanceof BMap.Polyline) { var path = overlay.getPath(); var newPath = []; for (var i = 0; i < path.length; i++) { var point = path[i]; var lng = point.lng; var lat = point.lat; newPath.push(new BMap.Point(lng, lat)); } overlay.setPath(newPath); } }); map.addOverlay(geojson); }); ``` 在这个示例中,我们遍历了 GEOJSON 数据中的每一个图形,对坐标进行了转换。对于点(Marker)和线(Polyline)来说,只需要将经度和纬度交换即可;对于面(Polygon)来说,需要将面的每个点都进行转换。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值