php网页地图上自定义,网页嵌入百度地图和使用百度地图api自定义地图的详细步骤...
在网页中插入百度地图
如果想在自己的网页上面加入百度地图的话,可以用百度地图的api.具体使用方法如下:
第二步:设置地图,大家可以对网站显示地图的宽高进行设置,其余选项不动。
第三步:添加标注。点击第一个图标后,在右侧找到自己的位置,单击鼠标左键可定位。标记图标处可更换图标形状,名称和备注填入位置相关信息。
第四步:获取代码。将代码贴到你的网页里就OK了。代码如下:
复制代码代码如下:
ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">
百度地图API自定义地图
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}
http://api.map.baidu.com/api?key=&v=1.1&services=true">>
//创建和初始化地图函数:
function initMap(){
createMap();//创建地图
setMapEvent();//设置地图事件
addMapControl();//向地图添加控件
}
//创建地图函数:
function createMap(){
var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
var point = new BMap.Point(113.116257,27.822879);//定义一个中心点坐标
map.centerAndZoom(point,17);//设定地图的中心点和坐标并将地图显示在地图容器中
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();//创建和初始化地图
php网页地图上自定义,网页嵌入百度地图和使用百度地图api自定义地图的详细步骤...相关推荐
- 门店定位怎么在地图上显示_怎样让自己的店地理位置显示在高德地图上
展开全部 高德地图软件中进行新增地点提交,数据审核32313133353236313431303231363533e78988e69d8331333365666163后会尽快在地图上标注.目前不是所有 ...
- 怎么从百度地图上引流?教你如何利用百度地图引流技巧
一.百度地图是什么,有什么意义? 百度地图,我相信只要做互联网的人基本都知道,不做互联网的人可能也知道.嗯,它是一款地图导航软件.同行有高德.腾讯.搜狗地图等.2005年推出,已经15年了. 现在市场 ...
- 如何在地图上显示图片和经纬度_IT技巧分享07:如何在地图上标注添加你的地址...
我们使用百度地图时可以啊看到地图上能够显示商户名称,这是怎么做到的呢?. 今天一起来看看怎么将公司的办公地址添加到网络地图上,让所有的客户都能轻松找到你. 1.当我们打开 百度地图标注中心,https ...
- Android 百度语音合成 (含离线、在线、API合成方式,详细步骤+源码)
百度语音合成 声明 前言 正文 一.创建项目 二.离线语音合成 1. 配置AndroidManifest.xml 2. 配置SDK 3. 离线SDK初始化 4. 导包 5. 运行 三.在线语音合成 - ...
- 地图上显示柱状图_你见过哪些比较炫酷的地图可视化呈现?
帝都24小时图鉴mp.weixin.qq.com 一座城市总有那么一些特殊的场景和时刻,让人很容易就对这个城市产生特殊印象.据统计,北京有超1000万的工作人口,在这庞大的数字背后,显现了北京上班族 ...
- 怎样测量地图上曲线的长度_怎样从地图上估算出一条铁路的长度?找一张地图,计算从北京到广州铁路线的长度。...
选用合适刻度尺和正确记录数据的方法: 长度测量的精确程度是由刻度尺的分度值决定的.所以,根据所要达到的精确度,要选择分度值和量程都合适的直尺.皮卷尺等刻度尺,如:测量课本的长度,用分度值为1mm.量程 ...
- access2003安装包百度云_阿里云服务器安装JDK与配置环境详细步骤
一.根据自己需求购买阿里云服务器 第一步:购买链接:阿里云-上云就上阿里云 第二步:设置自己服务器的登录密码 二.下载服务器操作系统版本的JDK 这里我以Linu系统JDK1.8.0版本来示范,官网下 ...
- android百度地图定位自定义图标,Android应用开发之android 百度地图自定义圆,更改默认图标等常用方法...
本文将带你了解Android应用开发之android 百度地图自定义圆,更改默认图标等常用方法,希望本文对大家学Android有所帮助. 总结了一下百度地图常用的方法(前提是集成百度地图环境成功): ...
- android百度地图轨迹实现,android 获取GPS经纬度在百度地图上绘制轨迹
实现将一组GPS模块获取的经纬度数据在百度地图上绘制轨迹 1.将经纬度转换成百度地图坐标 /** * 标准的GPS经纬度坐标直接在地图上绘制会有偏移,这是测绘局和地图商设置的加密,要转换成百度地图坐标 ...
- 百度地图在地图上添加多个点,并调整地图层级及中心点至合适位置大小
项目中有个输入关键字,把搜索结果在地图上标点的需求,需要将搜索到的结果标在地图中,如果有的点不在当前地图视野中,需要将地图移动到合适的中心点,并且调整到合适层级. 分享一下其中比较关键点的函数. /* ...
最新文章
- 简单介绍numpy实现RNN原理实现
- 最后一次作业-----课程总结
- openshift_在OpenShift上扩展Java EE微服务
- (转)告别程序员生涯,一点感慨,与诸君共勉
- 工作效率 工具_我使用的工具加快了我的工作流程,使我的工作效率更高
- python selenium2 动态调试
- python3 range函数_为什么python3中的xrange函数不能用
- Searching the Web论文阅读
- NLP情感分析笔记(四):卷积情感分析
- April Fools Day Contest 2016 F. Ace It!
- MSDN 离线帮助文档 官网极速下载直达
- 九款好看的后台管理系统登录模板
- Halcon教程一 :软件入门
- imx6ul之LCD驱动移植
- windows 无法安装到这个磁盘,选中的磁盘具有MBR分区表,在EFI系统上,windows只能安装在GPT磁盘上
- Win11如何查看硬盘型号?
- 【历史上的今天】6 月 6 日:世界 IPv6 启动纪念日;《俄罗斯方块》发布;小红书成立
- 10个方法教你提升表达能力
- 20191101(33) 针对 RT-Thread 下 ADS1256 移植说明(SPI)
- c++算法的上界下界
热门文章
- 人体生物钟,24小时器官工作表
- linux上好玩的东西
- SQL Server 2008 R2用户'sa'登录失败(错误18456)
- mysql余额统计_实现按部门月卡余额总额分组统计的SQL查_mysql
- ios 文本翻转_UIButton,UILabel文字旋转(倾斜)
- ITSM平台和CMDB集成的主要场景
- 【代码阅读】云E办项目后端技术栈总结及源码分析
- SDNU-1012.区间合并
- mysql学生班级老师_MySQL全方位练习(学生表 教师表 课程表 分数表)
- JAVA版附魔能附几次_附魔系统调整 所有卡片宝珠限制交易1次