百度地图-地图当前位置不在屏幕正中间

代码:

body, html, #allmap { width: 100%; height: 100%; overflow: hidden; margin: 0; font-family: "微软雅黑"; font-size: 62.5%; }

<body>

  <div id="top"></div>

  <div id="allmap" ></div><!--地图-->

  <div id="foot"></div>

</body>

id为top,foot的div会把屏幕撑大,导致地图样式 width: 100%; height: 100%;失效,致使地图当前位置不在屏幕正中间.

解决方案:

<body>

  <div id="top" style="display: none;"></div>

  <div id="allmap" ></div><!--地图-->

  <div id="foot" style="display: none;"></div>

</body>

$(function () {

  $("#top").show();

  $("#foot").show();

});

这么写,地图当前位置就在屏幕正中间啦.

时间: 2024-10-13 12:34:31

百度地图-地图当前位置不在屏幕正中间的相关文章

3.0+百度地图,如何获取地图中心点位置(每次滑动地图后都能够获取地图的中心点位置,并做出相应的操作)

现在有这样一个业务: 1.将地图定位到指定的经纬度位置,当地图停止滑动时搜索附近的地址信息列表,并显示再ListView中. 2.每次滑动地图都需要根据地图中心点位置搜索附近1000米范围内的地址,并显示再列表,直至退出. 下面是具体实现的代码: 一:实例化PoiSearch并设置获取结果的监听器setOnGetPoiSearchResultListener // 创建POI检索实例 poiSearch = PoiSearch.newInstance(); // 设置监听器 poiSearch.

百度离线地图制作

百度离线地图制作 1.简介 BIGEMAP一键离线地图发布服务器主要帮助企业内部(局域网)环境搭建私有地图服务.支持一键快速发布,无需二次开发,无需配置环境,安装即可发布离线地图,可应用在局域网地图发布,内网地图发布,手持设备地图发布,移动端地图发布.在没有网络的情况下,依然可以实现地图浏览. 支持离线地图的标绘:点.线.面.上传图片等等 图 1 离线地图示例 2.安装 点击[软件下载] 解压后,双击bssetup.exe运行安装程序,开始安装BIGEMAP一键离线地图发布,按向导逐步执行. 图

Leaflet 调用百度瓦片地图服务

在使用 leaflet 调用第三方瓦片地图服务的项目,主要谷歌地图.高德地图.百度地图和 OSM 地图,与其他三种地图对比,百度地图的瓦片组织方式是不同的.百度从中心点经纬度(0,0)度开始计算瓦片,而谷歌地图是从左上角经纬度(-180,90)度开始计算瓦片:如果直接使用百度瓦片地图服务会请求不到瓦片,因此需要转换一下.借助 leaflet-tileLayer-baidu 这个插件: //需要引入 proj4.js 和 proj4leaflet.js 插件,使用script标签引入的方式 L.C

百度离线地图开发

离线地图资源,完全可脱离互联网访问,正在发愁局域网或内网使用地图定位的小伙伴们福音来了......哈哈哈哈哈!!! 支持各大主流浏览器 IE7.8.9.10.11,火狐.360浏览器.谷歌浏览器 如果这正是你需要的功能,或者项目上需要内网使用并且用到地图的,欢迎咨询,这是我工作项目客户要求内网使用,然后自己通过研究重改的东西,本人是程序猿,如果你也是那就根据下方方式联系吧!!! 电话:13144039336 杨工 QQ:349686124 如果不想拷贝QQ的,兄弟请点击这里  点击下载视频介绍

在AngularJS中使用谷歌地图把当前位置显示出来

如何使用谷歌地图把当前位置显示出来呢? --在html5中,为我们提供了navigator.geolocation.getCurrentPosition(f1, f2)函数,f1是定位成功调用的函数,f2是定位失败调用的函数,而且会把当前的地理位置信息作为实参传递给f1和f2函数.f1函数调用谷歌地图的API即可. 如何展示呢? --需要一个提示信息和展示地图的一个区域. 页面上,大致是这样: <map-geo-location height="400" width="

百度离线地图开发包V2.0

离线地图资源,完全可脱离互联网访问,正在发愁局域网或内网使用地图定位的小伙伴们福音来了......哈哈哈哈哈!!! 支持各大主流浏览器 IE7.8.9.10.11,火狐.360浏览器.谷歌浏览器 如果这正是你需要的功能,或者项目上需要内网使用并且用到地图的,欢迎咨询,这是我工作项目客户要求内网使用,然后自己通过研究重改的东西,本人是程序猿,如果你也是那就根据下方方式联系吧!!! 电话:13144039336 杨工 QQ:349686124 如果不想拷贝QQ的,兄弟请点击这里  点击下载视频介绍

广州高清卫星地图 用百度卫星地图服务器下载 含标签、道路数据叠加 可商用

广州高清卫星地图的地图展示图片分别是15级别.17级别.19级别的地图,一般来说17级别的地图图片就能够用于商用,地图包包含一整张高级别的图片,如要全图浏览请用专业图片处理软件PS等打开. 一般来说互联网所有的地图浏览网站例如谷歌.百度.必应等网站或软件的地图均只能用于浏览而不可下载,只有利用专业的地图下载工具,通过获取授权进入地图端口,才能下载大范围的服务. 百度网盘下载:http://pan.baidu.com/s/1dDEeWI9 百度卫星地图下载器地址:http://www.arceye

php生成百度站点地图sitemap.xml

<?php header("Content-type:text/html;charset=utf-8"); //php生成百度站点地图sitemap.xml //http://www.baidu.com/search/sitemaptools_help.html include("../config.inc.php"); mysql_connect($CFG['db_host'] ,$CFG['db_user'],$CFG['db_pass']) or die

百度离线地图发布源代码

一键离线地图发布(工具软件下载)  使用教程 谷歌离线地图发布  教程 手机离线地图发布--Oruxmaps制作发布高清卫星离线地图 说明: 1. 当前版本支持百度电子地图瓦片和百度卫星地图瓦片: 2. 效果预览演示地址:http://www.bigemap.com/bmap 后台编辑体验地址:http://www.bigemap.com/bmap/login.html 可随意在后台添加/修改标注,账号密码均为:admin (只下载了部分地图瓦片作为离线样本,某些地方无法显示视为正常,包含全国5