`
y1d2y3xyz
  • 浏览: 257978 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

通过经纬度获取中心点,以及绑定的缩放级别

360 
阅读更多
//根据经纬度的距离获取地图的缩放级
function getRoom(diff){
	var room =    new Array(0,  1,  2, 3, 4, 5, 6,7,8,  9,   10,  11,  12,  13, 14);
	var diffArr = new Array(360,180,90,45,22,11,5,2.5,1.25,0.6,0.3,0.15,0.07,0.03,0);
	for(var i = 0; i < diffArr.length; i ++){
		if((diff - diffArr[i]) >= 0){
			return room[i];
		}
	}	
	return 14;
}


function getCenterPoint(maxJ,minJ,maxW,minW){//通过经纬度获取中心位置和缩放级别
	if(maxJ==minJ&&maxW==minW)return [maxJ,maxW,0];
	var diff = maxJ - minJ;
	if(diff < (maxW - minW))diff = maxW - minW;
	diff = parseInt(10000 * diff)/10000;	
	var centerJ = minJ*1000000+1000000*(maxJ - minJ)/2;
	var centerW = minW*1000000+1000000*(maxW - minW)/2;
         var zoom = getRoom(diff);
	return [centerJ/1000000,centerW/1000000,zoom];
}

分享到:
评论

相关推荐

    silverlight for arcgis 服务调用,经纬度定位

    5. **数据绑定**:Silverlight支持数据绑定,可以将地图属性(如中心点、缩放级别)与UI元素(如文本框、滑块)绑定,使用户能够直观地看到和控制地图状态。 6. **性能优化**:考虑到Web应用的性能,应合理使用分块...

    Qt qml加载Html百度地图 qml发送模拟经纬度控制地图图标移动

    然后,使用JavaScript与QML通信,将QML中的经纬度传递给JavaScript,设置地图的中心点。可以使用`WebView`的`evaluateJavaScript`方法执行自定义的JavaScript代码。 4. **QML与JavaScript通信** Qt提供了一个名为`...

    FLEX地图应用教程

    接着,我们需要设置地图的初始中心点(例如北京的经纬度)和缩放级别。在代码中,这通常在`creationComplete`事件处理函数中完成,调用API提供的`setCenter`方法设置地图的中心点和缩放级别。 为了实现地图的放大和...

    百度地图API之百度地图退拽标记点获取经纬度的实现代码

    在JavaScript部分,我们首先创建了一个`BMap.Map`实例,表示地图对象,设置了中心点坐标(116.400244,39.92556)以及初始缩放级别(12)。然后,创建了一个`BMap.Marker`实例,这是一个标记点对象,并将其添加到地图...

    js仿百度地图放大缩小拖拽查看效果

    地图是通过经纬度坐标系统来定位地球表面的点,而Web上的地图通常是通过切片(tiles)技术来实现的,即将地图分割成多个小块图片,根据用户的缩放级别加载相应的切片,以实现平滑的缩放和拖动效果。 **拖拽效果:**...

    百度地图案例

    综上所述,通过细致地解析“百度地图案例”的代码片段,我们深入了解了如何利用百度地图API实现地图功能的集成与定制,包括地图初始化、中心点与缩放级别的设置、动态点位的更新、地图控件的添加以及信息窗口的显示...

    百度地图的项目示例代码

    百度地图JavaScript API提供了Map对象用于创建地图实例,通过setCenter方法设置地图中心点,而zoom属性则用于设定初始的缩放级别。同时,还可以添加如缩放工具、平移工具等控件,增强用户交互体验。 三、标注与覆盖...

    echarts 实现以中国为中心的世界地图

    在ECharts实例中,我们需要配置地图的中心点、缩放级别、以及数据加载方式。例如,我们可以设置`center`为中国的经纬度(如`[105, 35]`),`zoom`来调整缩放比例,`map`属性指定地图类型(`'world'`表示世界地图)...

    微信小程序腾讯地图SDK

    1. 地图展示:通过调用`wx.createMapContext()`方法获取地图上下文,然后可以设置地图中心点、缩放级别、显示模式等属性,显示用户需要的地图视图。例如,可以使用`setCenter()`方法设置地图中心点,`setZoom()`方法...

    MapABC Flash Map doc

    - **设置中心点和缩放级别**:调整地图显示的区域。 - **设置显示范围**:限制地图的可见区域。 - **保存地图状态**:保存当前地图的状态以便恢复。 - **移动地图**:支持地图平移操作。 - **控件管理**:自定义地图...

    Echarts地图.7z

    - **地图配置**:Echarts地图有许多可配置的参数,如地图缩放级别、初始中心位置、鼠标悬浮提示、点击事件等,可以根据需求进行定制。 - **数据绑定**:将业务数据与地图区域关联,通过颜色、大小等视觉元素展示数据...

    jVectorMap宁夏行政区划地图-自制

    2. 地图配置:利用jVectorMap提供的API,设置地图的基本属性,如地图的缩放级别、中心点、默认视图等。同时,需要将宁夏的行政区划数据转换为jVectorMap可识别的格式。 3. 绘制地图:使用jVectorMap的`addMap()`...

    Mashup:Google Map+Google Weather

    这里设置了地图的中心点为经纬度坐标(36.061255, 103.834377),缩放级别为4。 #### 五、添加控制组件 为了增强地图的可用性和功能性,可以添加多种控制组件,如: - **Large Map Control**(大地图控制):用于...

    js百度地图放大缩小拖拽查看效果

    然后,设置地图中心点和初始缩放级别。可以使用`centerAndZoom`方法实现: ```javascript var point = new BMap.Point(116.404, 39.915); // 北京市的经纬度 map.centerAndZoom(point, 15); ``` 为了实现地图的...

    微信小程序如何获取地址

    首先,微信小程序提供了一个内置组件用于展示地图,通过该组件的属性可以设置地图显示的中心点经纬度(longitude和latitude)、缩放级别(scale)、显示标记点(markers)和路线(polyline)。例如,组件;height:500px;"&gt;...

    google地图控件最简单版本

    在使用Google Maps API时,首先要做的就是创建一个地图实例,并设置显示的地图类型、中心点坐标和缩放级别。这通常通过调用`new google.maps.Map()`方法完成。在描述中提到的部分代码可能包含这样的初始化代码段。 ...

    百度地图开发demo下载

    2. **地图中心点设置**:通过`BMap.Point`对象创建经纬度坐标,并传递给地图实例的`center`参数,设定地图的初始中心点。 3. **缩放级别控制**:`zoom`参数用于设置地图的初始缩放级别,数值越大,地图显示的区域越...

    Silverlight4中打开GoogleMap

    3. **Silverlight与JavaScript通信**:在Silverlight应用中,定义一个公共方法,通过HtmlPage类调用JavaScript函数传递地图参数,如中心点坐标、缩放级别等。同时,JavaScript也可以通过回调函数向Silverlight传递...

    广东省echarts地图json数据

    这可以通过计算每个区域中心点的经纬度,或者通过分析边界坐标来实现,确保文字标签不会与地图图形冲突。 4. **缩放和平移**:ECharts地图支持缩放和平移操作,用户可以自由浏览地图的各个角落。 5. **交互功能**:...

Global site tag (gtag.js) - Google Analytics