将百度地图下载为图片-自定义尺寸

一、代码获取

百度地图地址，这里是老版的地图，新版的地图可以自己注册
地图生成地址：http://api.map.baidu.com/lbsapi/creatmap/
1，选择获取代码
2，将代码复制

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具" />
<meta name="description" content="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图" />
<title>百度地图API自定义地图</title>
<!--引用百度地图API-->
<style type="text/css">html,body{margin:0;padding:0;}.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
</head><body><!--百度地图容器--><!--自定义多大尺寸的地图，修改这里面的width，和height--><div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div>
</body>
<script type="text/javascript">//创建和初始化地图函数：function initMap(){createMap();//创建地图setMapEvent();//设置地图事件addMapControl();//向地图添加控件}//创建地图函数：function createMap(){var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图var point = new BMap.Point(116.395645,39.929986);//定义一个中心点坐标map.centerAndZoom(point,12);//设定地图的中心点和坐标并将地图显示在地图容器中window.map = map;//将map变量存储在全局}//地图事件设置函数：function setMapEvent(){map.enableDragging();//启用地图拖拽事件，默认启用(可不写)map.enableScrollWheelZoom();//启用地图滚轮放大缩小map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)map.enableKeyboard();//启用键盘上下左右键移动地图}//地图控件添加函数：function addMapControl(){//向地图中添加缩放控件var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});map.addControl(ctrl_nav);//向地图中添加缩略图控件var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});map.addControl(ctrl_ove);//向地图中添加比例尺控件var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});map.addControl(ctrl_sca);}initMap();//创建和初始化地图
</script>
</html>

新建本文文档，将代码复制进去，并将格式改为“html”，如下图，并用edge浏览器打开

二、下载截图插件

使用edge浏览器，是因为它可以正常下载插件

安装好插件后，就可以下载图片了
可以将尺寸调大一点，这个时候插件会自动完成截图

将百度地图下载为图片-自定义尺寸相关推荐

android百度地图覆盖物异步加载图片,Android 百度地图marker中图片不显示的解决方法(推荐)...
目的: 根据提供的多个经纬度,显示所在地的marker样式,如下: 问题: 1.发现marker中在线加载的图片无法显示出来: 2.获取多个对象后,却只显示出了一个marker: 以下为官网实现方法: ...
百度地图下载、拼接与坐标改正思路与实例
地图下载器有很多种,大多数据下载器对用户有限制,并且下载的数据坐标不能够办好与GPS套合,坐标精度不高,作者通过对百度瓦片数据的分块编号.坐标依移及坐标解算等方面进行分析,自己完成下载.拼图与坐标解算 ...
Android百度地图（六）自定义导航路线规划
Android百度地图(六)自定义导航路线规划兴奋加激动... 本文代码在http://blog.csdn.net/xyzz609/article/details/51959767的基础上进一步修改 ...
qaxwidget传递参数到html,记一次QT使用QAxWidget打开.html文件调用显示离线百度地图不能缩放，自定义图片不能显示解决方法...
主要问题: 一开始用的是在线的,都没有什么问题,自定义图片均可以显示,可是后面试了一下离线百度地图,在qt中运行打开.html文件和在电脑上面直接双击打开此文件显示是有差别的,在qt生成的程序中,地图 ...
根据经纬度定位百度地图（带图片的）
1.首先,去百度地图定位sdk,获取key.可参考 http://blog.csdn.net/qq_28759359/article/details/52678043 2.导入下载的jar包放到lib ...
百度地图获取行政区域以及自定义显示网格
目录 1 问题描述 2 独立显示区域 3 自定义网格 4 显示自定义网格 5 延展 6 参考文献 1 问题描述 (1) 通过百度地图或者高德地图只展示某一个行政区域,例如整个地图只展示郑州市金水区,其 ...
百度地图api之如何自定义标注图标
在百度地图api中,默认的地图图标是一个红色的椭圆形.但是在项目中常常要求我们建立自己的图标,类似于我的这个操作很简单,分如下几步进行步骤一:先ps一个图标,大小要合适,如果要背景透明的,记得保存 ...
百度地图API 海量点自定义添加信息
 <script type="text/javascript" src="http://api.map.baidu.com/a ...
百度地图API——ico图片标注的移动
查询了很多资料,也设想过很多方案(比如让之前的标注隐藏或者删除,再显示新的标注),没有一个较为合理的实现方案.经过不懈的寻找,终于找到了一种方法,成功实现了ico图片标注的平移.记录一下,后续再用到时 ...
leaflet、cesium加载百度地图，加载自定义样式百度地图
1 leaflet.cesium加载百度地图(官方预设样式) 预留,待补充 2 leaflet.cesium加载百度自定义样式地图样式编辑器新版地址:http://lbsyun.baidu.com/ ...

将百度地图下载为图片-自定义尺寸

一、代码获取

二、下载截图插件

将百度地图下载为图片-自定义尺寸相关推荐

最新文章

热门文章