百度地图-设置默认城市

最新推荐文章于 2022-08-12 15:20:05 发布
VIP文章 最新推荐文章于 2022-08-12 15:20:05 发布
阅读量1.4w 收藏 2
点赞数 1
分类专栏： JavaScript HTML5 CSS3 地图 文章标签： 百度地图 JavaScript HTML5 CSS3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/you23hai45/article/details/51340553
版权

1、问题背景

     利用百度地图，展示某城市地图分布；初始化时，默认打开就是该城市


2、实现源码

<!DOCTYPE html>
<html>
  <head>
    <title>设置默认城市地图</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<script type=&
最低0.47元/天 解锁文章
翱翔天地
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
利用百度密匙创建一个简单的地图
weixin_45846139的博客
04-13 194
Map： 在我们使用百度地图时，第一步就是要创建一个Map的实例对象，它是地图API的核心类，用来实例化一个地图。 var map = new BMap.Map("这里是地图容器的ID"); 当我们的地图创建好之后，就需要对地图进行初始化，并对地图的中心坐标和地图级别进行设置，此时我们就要用到Map下面的centerAndZoom方法 centerAndZoom(center:Point,z...
调用百度地图API，如何只显示某个城市如铜陵市的地图
tian_jiangnan的博客
03-31 3331
重点 1、是市不是什么陕西省的区域 2、非直辖市的 效果图如下 实现过程如下 1、百度地图api密钥申请 https://blog.csdn.net/tian_jiangnan/article/details/105216057 2、代码如下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "...
百度地图api所有城市对应的cityCode
04-21
文件包括4个字段，“|”分隔 area_name|area_code|parent_area_code|area_level 例如： 中国|1||0 黑龙江省|2|1|1 大兴安岭地区|38|2|2 黑河市|39|2|2 伊春市|40|2|2 齐齐哈尔市|41|2|2 佳木斯市|42|2|2 鹤岗市|43|2|2 绥化市|44|2|2 双鸭山市|45|2|2 鸡西市|46|2|2 七台河市|47|2|2 哈尔滨市|48|2|2 牡丹江市|49|2|2 大庆市|50|2|2 甘肃省|6|1|1 嘉峪关市|33|6|2 金昌市|34|6|2 白银市|35|6|2 兰州市|36|6|2 酒泉市|37|6|2 张掖市|117|6|2 武威市|118|6|2 庆阳市|135|6|2 定西市|136|6|2 临夏回族自治州|182|6|2
百度地图所有城市对应的citycode；百度地图城市和城市code数据
12-05
百度地图城市和城市code数据，本想免费，可是系统默认要2个币，地址给大家，大家自己去下载 http://lbsyun.baidu.com/index.php?title=open/dev-res
百度地图城市中心点
07-30
百度地图城市中心点坐标，百度地图全国城市中心点坐标级默认显示级数JSON数据
Echarts结合百度地图实现省市区散点展示
07-31
公司要做数据大屏，Echart和百度地图的结合，实现利用百度地图的行政区划展示，在行政区区划中添加相应的Echarts散点图，散点图随地图放大和缩小，默认实景图，限制缩放等级，也可展示多个省市区划，代码注释详细，上手可用
百度离线地图API V2.1 内含示例Demo，亲测可用
12-05
本人基于2017年12月最新API制作。 说明： 1）离线地图不是万能的, 有些依赖在线的功能是无法使用的, 请自行扩展 2）请查看 离线地图示例demo.html 里面的示例，或者查看地图API在线示例: http://developer.baidu.com/map/jsdemo.htm 3) 地图API请查看百度官方说明: http://developer.baidu.com/map/reference/index.php 4）如有更新，请查看网站: http://www.xiaoguo123.com/p/baidumap_offline_v21 5）此API用户大家交流学习，本人没有能力提供太多的技术帮助 6）由于某些用途导致的商业纠纷，和本人无关 新增： 1）支持显示卫星混合地图，瓦片图放到 tiles_hybrid 目录下 2）支持支定义混合图，瓦片图放到 tiles_self 目录下 3）增加根据城市名称设置地图中心, 请自行扩展map_city.js 4）增加鼠标测距示例 5）增加鼠标绘制线面示例 增加新的瓦片图： 1）使用地图下载工具（如太乐地图下载）下载你要的地区和级别 2）务必导出瓦片图（百度格式），可以选择导出jpg或png图形 3）按需要修改map_load.js，指定瓦片图的路径，或者按默认的来 4）目录说请看图片： 目录说明.jpg 基本的使用方法如下： 1）加载离线地图必须的文件： [removed][removed] <link rel="stylesheet" type="text/css" href="offlinemap/css/map.css"/> 2）增加一个容器用来显示地图 3）写JS脚本 [removed] var map = new BMap.Map("map_demo"); // 创建Map实例 map.centerAndZoom(new BMap.Point(116.404, 39.915), 7); // 初始化地图,设置中心点坐标和地图级别 map.setCurrentCity("武汉"); // 设置地图中心显示的城市 new！ map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放 map.addControl(new BMap.NavigationControl()); //缩放按钮 map.addControl(new BMap.MapTypeControl( {mapTypes: [BMAP_NORMAL_MAP,BMAP_HYBRID_MAP]} )); //添加地图类型控件 离线只支持普通、卫星地图; 三维不支持 [removed]
百度地图 map.setCurrentCity is not a function
m0_47265814的博客
12-22 822
最近在使用百度地图时报了如下错误 map.setCurrentCity is not a function 原因是引入的百度地图版本太低，某些方法不支持 解决方法改变以下代码v=1.0为更高版本，例如2.0,3.0,具体哪个版本还需自己去试验，我最后改为3.0 <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.0&ak=你的秘钥"></script> ...
百度地图 JavaScript API
DLNovice的博客
03-08 3769
文章目录1、账号申请2、创建应用3、使用地图介绍示例4、具体使用控件个性地图带高度的点（标记地点、覆盖物）点击事件 参考资料：入门百度地图 JavaScript API | 8月更文挑战 - 掘金 (juejin.cn) 1、账号申请 先申请成为百度开发者（需要填写身份证信息、申请理由等），创建地图应用生成 AK。 百度地图开放平台 | 百度地图API SDK | 地图开发 (baidu.com) 一般会秒同意，所以不用担心时间问题 2、创建应用 注意 应用类型选择浏览器端。 白名单输入*号，所有地
vue结合百度地图api实现地址检索、路线规划等功能
oi
01-23 6629
vue+百度地图api引入百度地图api获取用户当前位置地址检索（定位）路线规划修改提示框等样式 引入百度地图api 找到项目的根目录index.html位置： 在项目的根目录下的index.html文件中添加如下代码： <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=您的秘钥"></script> 创建一个div用于地图展示 <template> <
百度地图的部分api
qq_61576523的博客
03-15 153
var map=new BMap.Map("map");//创建Map实例。 var point=new BMap.Point(经度，纬度); var maker2=new BMap.Marker(point);//创建标注 map.enableScrollWheelZoom(fallse);//滚轮开启 map.addOverlay(marker2);//把这个标注添加到map里面去。 map.setCurrentCity("地址")//设置地图显示的城市，这一项是必须设置的； map.cen
百度地图API调用_实现百度地图动态搜索、静态地图动态插入
07-17
百度map,百度map API,百度地图 实现百度地图动态搜索、静态地图动态插入 [email protected] js 内容如下： /** 加载地图的主控类 */ var MapControl={ staticWith : 512,//链接静态图宽度 staticHeight : 320,//链接静态图的高度 container : 'mapcontainer',//显示map的节点id defzoom:12,//默认缩放比例 map : '', marker : '', city : '深圳', infoWinContent : '请移动此标记到您的婚礼地点位置！', /** 提示信息窗内容 */ infoOpts : { width : 100, // 信息窗口宽度 height: 50, // 信息窗口高度 title : "提示：" // 信息窗口标题 }, /** *默认显示窗口 */ defWindow : function(){ this.map = new BMap.Map(this.container); this.map.centerAndZoom(this.city,this.defzoom); // 通过城市名初始化地图 this.map.addEventListener("load", function(){ // 初始化方法执行完成后即可获取地图中心点信息 MapControl.marker = new BMap.Marker( this.getCenter()); // 创建标注 this.addOverlay(MapControl.marker ); // 将标注添加到地图中 MapControl.marker.enableDragging(); var infoWindow = new BMap.InfoWindow(MapControl.infoWinContent, MapControl.infoOpts); // 创建信息窗口对象 MapControl.marker.addEventListener("mouseover", function(){ this.openInfoWindow(infoWindow); // 打开信息窗口 }) MapControl.marker.addEventListener("mouseout", function(){ this.closeInfoWindow(); // 打开信息窗口 }) }) //map 增加操作 this.map.addControl(new BMap.NavigationControl()); this.map.addControl(new BMap.ScaleControl()); this.map.addControl(new BMap.OverviewMapControl()); this.map.addControl(new BMap.MapTypeControl()); }, /** * 搜索地址 */ search : function(address){ if(this.map=='' || this.map == 'undefined' || address=='' ){ return ; } this.city=address; this.defWindow(); }, /** * 获取静态图片地址 */ getStaticMap : function(){ if(this.map=='' || this.map == 'undefined' || this.marker=='' ){ return ; } var center=this.map.getCenter().lng+','+this.map.getCenter().lat; var markers= this.marker.getPosition().lng+','+this.marker.get
Vue+百度地图api
qq_42155347的博客
12-30 1万+
Vue中使用百度地图api
百度地图API入门4-常用代码
混沌的博客
09-24 1111
1.初始化地图,设置中心点坐标和地图级别 map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); 2.设置地图显示的城市 map.setCurrentCity("成都"); 3.开启鼠标滚轮缩放 map.enableScrollWheelZoom(true); 添加地图类型控件 map.addControl(new BMap.MapTypeControl({ mapTypes:[ BMAP_N
Android 百度地图SDK 自动定位、标记定位
晨曦
07-28 1万+
先看效果图,如果不是你想要的，也就不浪费你时间了，这样对大家都好。 如果是你满意的那样，我们就可以开始写了，首先创建一个名为MapDemo的项目。 打开AndroidManifest.xml，复制你的包名 然后进入百度地图开放平台，没有注册的小伙伴先注册，已注册的就直接登录，登录进去之后找到控制台→我的应用→创建应用 点击之后进入,填写相关资料 输入了应用名称、选择了应用类型和启用的服务，输入了包名。还差开发版和发布版的SHA1了 ① 获取开发版SHA1 鼠标点击右侧边栏的Gradle→ app→Ta
vue 百度地图的使用
weixin_66496801的博客
08-12 246
vue中使用百度地图
百度地图API_BMap接口的使用形式
热门推荐
liangwenrong的博客
04-02 3万+
想要在HTML中加载百度地图，使用js形式，先去申请个秘钥，然后输入ak=<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=#"></script>其他的跟HTML没啥区别，这里只说API部分。 创建实例：var map = new BMap.Map("allmap"); // 创建Map实例从
百度地图-鼠标悬停样式
最新发布
05-26
2. 在 JavaScript 中使用百度地图 API 创建地图时，设置鼠标悬停事件，将悬停样式应用到相应的元素上： ``` var map = new BMap.Map("mapContainer"); map.addEventListener("mouseover", function(e){ var target...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值