十年专注于品牌网站建设,低调、高逼格、有情怀的网络应用服务商!
全国服务热线:400-680--
如何在网页中插入百度地图呢?南昌网络公司小虫分享自己的经验:
1.进入:& (创建地图-百度地图API所见即所得工具,百度官方地址,大家放心使用)
2.切换城市,搜索需标注位置。(如下图:)
2.设置地图:大家可以对网站显示地图的宽高进行设置,其余选项不动。
3.添加标注:点击第一个图标后,在右侧找到自己的位置,单击鼠标左键可定位。标记图标处可更换图标形状,名称和备注填入位置相关信息。(如下图:)
4.完成以上3步后,点获取代码。
获取代码如下:(注意:通常我们在网页中只要插入以下代码,小虫标注出来,其余的可不用。)
1.在&head&&/head&间插入下面代码:这是样式和JS脚本。
&!--引用百度地图API--&
&style type=&text/css&&
&&& html,body{margin:0;padding:0;}
&&& .iw_poi_title {color:#CC5522;font-size:14font-weight:overflow:padding-right:13white-space:nowrap}
&&& .iw_poi_content {font:12px arial,sans-overflow:padding-top:4white-space:-moz-pre-word-wrap:break-word}
&script type=&text/javascript& src=&&
2.在&body&&/body&间需要显示地图的位置放入以下代码:(该代码调用地图)
& &!--百度地图容器--&
& &div style=&width:697height:550border:#ccc solid 1& id=&dituContent&&&/div&
3.以下代码放在页面最底端(其实可放在页面任意位置。)
&script type=&text/javascript&&
&&& //创建和初始化地图函数:
&&& function initMap(){
&&&&&&& createMap();//创建地图
&&&&&&& setMapEvent();//设置地图事件
&&&&&&& addMapControl();//向地图添加控件
&&&&&&& addMarker();//向地图中添加marker
&&& //创建地图函数:
&&& function createMap(){
&&&&&&& var map = new BMap.Map(&dituContent&);//在百度地图容器中创建一个地图
&&&&&&& var point = new BMap.Point(115..693851);//定义一个中心点坐标
&&&&&&& map.centerAndZoom(point,18);//设定地图的中心点和坐标并将地图显示在地图容器中
&&&&&&& window.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);
&&& //标注点数组
&&& var markerArr = [{title:&百恒网络&,content:&电话:3&br/&手机:&,point:&115..693447&,isOpen:1,icon:{w:23,h:25,l:46,t:21,x:9,lb:12}}
&&& //创建marker
&&& function addMarker(){
&&&&&&& for(var i=0;i&markerArr.i++){
&&&&&&&&&&& var json = markerArr[i];
&&&&&&&&&&& var p0 = json.point.split(&|&)[0];
&&&&&&&&&&& var p1 = json.point.split(&|&)[1];
&&&&&&&&&&& var point = new BMap.Point(p0,p1);
&&&var iconImg = createIcon(json.icon);
&&&&&&&&&&& var marker = new BMap.Marker(point,{icon:iconImg});
&&&var iw = createInfoWindow(i);
&&&var label = new BMap.Label(json.title,{&offset&:new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
&&&marker.setLabel(label);
&&&&&&&&&&& map.addOverlay(marker);
&&&&&&&&&&& label.setStyle({
&&&&&&&&&&&&&&&&&&&&&&& borderColor:&,
&&&&&&&&&&&&&&&&&&&&&&& color:ō&,
&&&&&&&&&&&&&&&&&&&&&&& cursor:&pointer&
&&&&&&&&&&& });
&&&(function(){
&&&&var index =
&&&&var _iw = createInfoWindow(i);
&&&&var _marker =
&&&&_marker.addEventListener(&click&,function(){
&&&&&&& this.openInfoWindow(_iw);
&&&&&& });
&&&&&& _iw.addEventListener(&open&,function(){
&&&&&&& _marker.getLabel().hide();
&&&&&& _iw.addEventListener(&close&,function(){
&&&&&&& _marker.getLabel().show();
&&&&label.addEventListener(&click&,function(){
&&&&&&& _marker.openInfoWindow(_iw);
&&&&if(!!json.isOpen){
&&&&&label.hide();
&&&&&_marker.openInfoWindow(_iw);
&&& //创建InfoWindow
&&& function createInfoWindow(i){
&&&&&&& var json = markerArr[i];
&&&&&&& var iw = new BMap.InfoWindow(&&b class='iw_poi_title' title='& + json.title + &'&& + json.title + &&/b&&div class='iw_poi_content'&&+json.content+&&/div&&);
&&& //创建一个Icon
&&& function createIcon(json){
&&&&&&& var icon = new BMap.Icon(&&, new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
&&& initMap();//创建和初始化地图
&&& 当然,如果你想偷懒,将以上对应代码全放在&body&&/body&间也是没问题的,呵呵。
&&& 另外大家也可以通过网站后台添加内容时在编辑器中插入,插入时记得点&源代码&见下图:
&&& 记得在早几年,给大家使用,并能在百度地图搜索时显示标注的位置,后来百度把标注这一功能定位于商业使用。现在都统一用这种API方式来标注,唯一不同的是不能在网络上搜索到所标注的位置了。但小虫认为也挺好用。赞一个。示例成品如下图:
&&& 最近小虫发现百度另一种地图标注方式也挺不错,请查看:
&&& 如果你有多个点,希望标注在同一张地图上。那请看下面这篇文章,有惊喜哦。
欢迎您的光顾,我们将竭诚为您服务&账号(邮箱/学号/手机号)
如何建立学习地图
本文是对话题:
的摘抄和点评
我们公司是一家火锅公司,目前有5家连锁店,我是培训方面的新人。在我来之前,公司的培训岗位一直没有独立出来,很多培训都是临时性的,非常零散,培训考核也比较少。现在老板新增这样一个岗位,就是想要整合公司的培训资源,让培训产生价值,服务于公司的整体发展。 老板说,培训以后统一由我负责,要让我建立企业学习地图。由于以前没做过学习地图,所以最近在网上查了一些资料,可是只有理论概念,没有具体实操步骤,额滴神呀,咋办呀。 请教各位牛人,学习地图该怎么建立,具体实操步骤是怎样的?
1、火锅公司,5家连锁店。
2、之前培训较零散,培训考核较少。
3、老板新增培训岗位,整合公司培训资源,提高培训价值,首先要建立企业学习地图。
二、分析&建议
1、学习地图的概念及理解
什么是地图?
百度上的解释就不转了,过于理论化和拗口。实际当中我们都明白,地图就是让我们知道我们的目的地在哪里、应该怎么走、中间有多少距离、中间要过多少个收费站等信息的一份工具。
什么是学习地图?
学习地图是指基于岗位任务和业务问题而设计的学习规划。目前,专业力的学习地图比较普遍,最全面和成熟的方法论是学习路径图。
通俗一点来理解,学习地图就是让我们知道我们通过学习所要达到的终点在哪里、达到终点需要学习哪些课程、中间如何一步步迈进以及有多少学习课程要学等等信息的一个工具。就好比我们现在驾车出门,输入起点终点,然后导航返回一个路径结果,你按着这个开车,那么同样的,我们有了学习地图,我们针对员工的培训,只要按着学习地图的导航铺开就可以了。
归根到底,学习地图是一个规划工具,用于规划你的公司的员工如何学习成长的路径。
谁家用学习地图用得好?GE公司。我们来一段振奋人心的文字:
GE应用学习地图结合行动学习的30/30模式取得了巨大的成功,公司每一个关键岗位通过30天的学习路径再设计流程,能使所有关键岗位人才的培养周期缩短30%,解决了公司最关切的人才瓶颈问题,其价值也能量化:某关键岗位通过学习地图达到胜任标准的人数X(胜任人员平均绩效-未待胜任标准人员平均绩效)X通过学习地图缩短的培养周期。这就是培训部门为公司所赚的钱。
通过行动学习和学习地图,培训部门从花钱到赚钱,所以GE的CEO杰克韦尔奇认为企业人力资源总监的地位至少要与财务总监同等重要!
2、结合职业生涯发展和职业发展通道谈谈学习地图
(1)工具是死的,而匠人的心是活的
既然是工具,那么我们着重研究的就是怎么用。
有人觉得别人用得好的东西照搬就行,那是错误的。别人拿锯子锯大木桩做书桌,而你只有跟竹条,拿再好的锯子你也做不出大物件来。
那有人觉得别人的东西太高大上,我们用不上,那也未必。同样一支笔,有的人能写一手漂亮的毛笔字,有的人也能用来画一幅漂亮的话,再不行,我拿来跟小孩子涂鸦涂鸦,也是一种用法。
所以,关键就是要想清楚自己情况怎么样,然后要怎么样用、用到什么程度,这样就不会没有头绪了。
(2)学习地图的制定思路——结合职业生涯发展和职业发展通道
那么,这个工具如何运用到自己的企业?思路怎么定?
其实我觉得这个学习地图本质上与员工的职业生涯发展和企业的职业发展通道其实是有相似之处的。
A. 员工将来发展成什么样,怎么发展,我们需要给员工制定职业生涯发展规划;
B. 伟大的企业是创造平台,让员工有一个发展的舞台,因此,我们要给员工的职业发展设立通道。
C. 在职业生涯发展计划和职业发展通道的框架下,员工在什么样的位置,需要学习什么课程才能往更高级别发展,是不是就是一种学习地图?
由此,我们应该很清楚制定学习地图的思路了,而且,我们更加清楚要制定学习地图,我得先从哪个方面着手。(具体见下一节,制定流程)
(3)学习地图的制定流程
A. 岗位族梳理:将公司现有的岗位进行梳理,把他们变成职业通道设计或者类似于职业通道的架构。中间可以考虑加入一条轴——时间轴。
B. 能力素质模型设计:确定各个岗位族的胜任要求,可以参照网上对职位的定位,结合目前岗位的在任者能力及评价结果。
C. 岗位和能力进行匹配:在单个岗位上,从较差到普通到优秀,需要有哪些学习和提升空间。低岗位晋升到高岗位或者平级之间岗位互转时,需要增加和考核的必备能力,中间需要学习什么样的知识掌握什么样的技能。
D. 基于能力的学习资源库建设:将上述所要学习的知识和需要掌握的技能培训归类,形成对应的课程体系。
E. 绘制学习地图:把上面的课程体系串联起来,学习地图就编制完了。
3、企业在实际操作中的注意事项
(1)认清困难,正确对待
其实通过上面的思路整理,我们不难发现,其实要做好学习地图,前期的工作很关键。为什么我们看别人做得很顺手,自己操作起来就这么费劲。不是我们能力差,而是我们在执行的时候常常以偏概全,缺少铺垫。
然而,遗憾的是,在老板给你布置任务的时候,你是不适合说这句话的,只会给上面造成一种推诿的不良印象。
我们总不能因为一点挫折就放弃,正如我一直坚持的一句话:办法总比困难多。既然我们的基础条件没那么多,那么我们可以在这有限的基础上搭建起对应的体系,那才是有本事的体现,话说螺狮壳里还能做道场呢。
(2)由简而入,将思路落地
言归正传,案例中的HR既然领到了编制学习地图的任务,那么我们肯定要去执行,只是一开始要辛苦一点,并且要尽量结合企业实际情况。
第一步:梳理岗位,目前公司有些什么岗位,什么岗位可以发展成什么岗位或平级间哪几个岗位可以转换,理清上下关联和平行关联,于是就形成了一份简单的职业发展通道。按照火锅店的情况,可以理一理,是否有服务员、收银员、清洗人员,支持性的是否有内勤、会计等,高一点的是否有领班、主管,再高一点有店长、经理等等。
第二步:建立胜任力模型。可以从公司的岗位说明书开始,如果单位底子差没有岗位说明书,那么可以现做一个。譬如,观察某几个关键岗位,从业人员的优缺点,通时,找上级(或老板)访谈一下他对这个岗位的看法和要求,甚至对当前在职的人员的简单评价。整理下来,一份简单的胜任力模型就形成了(胜任力模型制定是一门需要花时间学习的课程,但时间有限的情况下,我们只能简化应用)。譬如,服务员什么样的要求、领班什么样的要求、内勤什么样的要求,这些要求中有哪些是可以通过培训获得的……
第三步:分析能力差异,寻找补差的课程。这些课程最好进行分类,并且锁定好授课讲师。一般而言,技术提升需要专业知识培训,往往企业内部讲师比较胜任;通用技能可以由外部机构实施或者由企业HR自学后内部转授;领导力类的培训建议由外部机构专业讲师落实。必要时制定相应的培训预算。按案例来说,我们可以弄清楚,好的服务员什么要求,当前服务员的哪些能力需要加强?服务员升到领班,需要哪些能力得以提升,其中哪些是对应的什么课程可以补足的?如果服务员想要转内勤,需要掌握哪些技能,需要参加什么课程并且通过以后才可以?……
第四步:将补差课程参照第一步中的岗位关系进行排布,加上对应的考核要求,画出学习地图。
第五步:修改完善。找各个关键岗位的负责人,核实这些学习课程的需求如何、能够承受的成本几何、能够腾出的时间有多少、如何帮忙检验考核等等。
(3)以实施为导向,勿将自己作入死地
有很多管理者,在做方案的时候常常越做越HIGH,把方案越做越高大上,理想得不能再理想,恨不得把你漂亮死、佩服死,世界500强企业也不过而而,甚至弄完这个直接能上市跟500强企业干架了。
老板呢,也听得心潮澎湃。好!就按这个,去做吧。
而结果呢?要这个这个没有,要那个那个不配合你,然后到老板那里说这个不是那个不是,最后老板静下来一想,得,到最后全是我的不是,老板是不是让你来做算了?于是这个做方案者的结局可想而知。
现在很多的理论,其实本质上还是先实践后归纳,为了增加吸引眼球的效果,于是各种名字很高大上的理论就应运而生。
我一直坚持做什么都要接地气,必要时将理论打碎重组,在制定这个学习地图的时候,我们要反复地思考将来怎么落实、落实时可能会产生什么样的问题、这些问题怎么解决、费用够不够、学员积极性如何、时间怎么安排等等。当其中某个环节实施起来明显有困难的时候,我们可以考虑舍弃或者进一步简化。
切记切记,你所说的这些,不是你说完了就是锁在柜子里的,而是要你去做的。
1、学习地图,也是一种地图,符合地图的特点:输入起点、输入终点,显示出目的地怎么到达、中间多少距离、需要过几个收费站……
2、学习地图是怎样一种思路?我们可以结合员工的职业生涯发展规划和企业的职业发展通道来考虑。
3、岗位梳理、能力模型、课程体系、讲师资源,逐一整理和串联,化成图。
4、认清困难、正确对待,由简而入、务求落地,以实施为导向,只有一步步都落到实处了,那么推行起来阻力就越小。
感谢分享,通过分享个人对学习地图更加清楚的认识。
作为一家经营火锅的连锁企业,需要不断地规范企业、提升企业,当然这都需要通过培训来加以完善、考试和落实。为了更好地做好此项工作,确定规范、合理的学习(培训)地图非常重要;同时需要有具体的实操步骤以达到真正的实效。具体的思路是:
一、联系实际是首要任务
1、应该从本企业是火锅连锁企业这一行业出发,一旦脱离此就失去了存在和使用的意义,更不利于企业的发展和进步。
2、培训的规范性、连续性和提升性非常必要,千万不能当培训作为应付的行为,更应该作为提升企业能力、整合综合实力的标志。
3、如果不顺应企业的发展,即使再好的学习地图有什么用?同样没有具体的实操步骤那能很好地实施呢。
二、建立学习地图是基础
学习地图是一项基础性的工作,是做好事员工培训的线路图,必须做好。它主要包括:
1、制订培训计划(主要是提出相关的培训申请、开发的目的和可行性分析);
2、分析(主要是形成培训的开发任务、开发课题、培训对象和时间等);
3、培训需求调研(主要是采用访谈式、问卷式和观察式等);
4、培训课程内容设计(主要是学员手册、授课PPT、案例集、讲授手册等):
5、课程试讲(主要是进行示范性教学等);
6、培训课程优化(主要是根据以上内容进行必要的优化);
7、修订并最终确定方案(主要是根据企业的培训情况和发展方向一般每年修订一次方案等)。
三、做好具体实操的步骤
1、军训若干时间,主要内容是:(1)增强学员的国防意识;(2)提高学员的集体主义精神;3、培养学员吃苦耐劳的品德和踏实的工作态度。
2、企业概况,主要内容是:(1)企业的经营理念和发展状况;(2)企业组织结构、管理体系及各部门的主要职能;(3)企业的经营业务和相关操作规程;(4)企业在同行业中的竞争情况等。
3、企业管理制度和文化,主要包括:与工作有关的企业管理制度、企业的价值观、企业发展战略、企业的道德规范、相互间的交流和互动等。
4、人际沟通技巧,主要包括:企业沟通的意义、障碍、技巧和原则等。
5、安全知识,主要包括:操作安全、消防安全、设备安全和紧急事件的处理等。
总之,作为火锅经营企业,必须根据自己的特点和管理模式实行必要的、合理的培训方式。重点是做好学习地图的建立,并努力做好具体的实操步骤非常重要。
只要5个步骤,画出学习地图
如果,你要到一个陌生的城市旅行,临行前,朋友推荐了一家最好吃的海鲜烧烤葡萄酒餐厅。朋友说:这家餐厅在深圳龙华新区和平路的龙胜商业大厦一楼,你从宝安机场坐罗宝线到宝安中心站下车,转环中线,到深圳北站下车,再转龙华线到龙胜站下车,下车后向前走,路过两个十字路口,龙胜大厦一楼,就看到了。
请问,你相信自己能独自找到吗?好像心里没有底。
如果,朋友甩给你一张图:
请问,你觉得你能顺利到达吗?
学习地图是什么,就是一张培养人才的地图。是实现让培训产生价值,服务于公司的整体发展的路线图。
一名新员工进入公司(起点:宝安机场),要把他培养为能够达到关键绩效标准的人才(终点:自在鲜餐厅),最佳的培训路线是什么(选择什么路线到达),培训资源如何配备(让他打车去、还是机场大巴、还是地铁?),有了这张地图,是不是更容易清晰明了的到达目标?
这张学习地图要怎么画呢?没有放之四海而皆准的普世方案,我只提点个人小小的看法。
如何设计一张学习地图(它的最终表现形式可以是图,也可以是表,也可以是图表文字结合,形式,请大家不要拘泥,学习地图就一定要画一张图?只要说清楚了,任何形式都有效)
第一步:建立胜任力模型,定义关键岗位、关键人物、关键责任、关键贡献、关键能力。说起来一句话,做起来恐怕要点功夫的,提问者加油。
第二步:明确培训的目标,为了达到这些目标,应该设计那些课程,这些课程各自难度几颗星,采取什么形式授课,频次几何?
第三步:制作学习地图
以上仅一个岗位的一个关键任务制作做鸟瞰图,你还可以根据鸟瞰图,制定出执行细节图,示例:
根据上面两个表,又可以画出一年的培训任务甘特图。
第四步,开发课程,包括案例收集、培训工具、实践项目设计等等。
第五步,胜任能力确认、评定,学员学过了,有什么好处呢?等级随能力提高要提升呀,这样才有动力持续学习,企业的培训就呈现良性循环中:设定达到企业关键绩效的关键能力,培养关键人的关键能力,能力转化为绩效实现,绩效实现后再次循环。
拿我们HR自己的学习举例,我曾在微信公众号(dbt77)里讲过:我们总觉得要学的好多好多哇,但不知道从何学起,如何学。今天学了一点,明天学了一点,连起来,又仿佛还是都不会什么。
这是为什么呢?为什么呢?这是为什么?因为我们手上没有一张学习地图,仿佛我们在一个陌生城市晃荡,东晃晃,西晃晃,最后,就成了个晃晃。
有一张地图的人会怎么样?他知道目标在哪里,怎么到达,什么时候到达,他就成了自己的GPS,不再彷徨。
这个家伙很懒,什么也没有留下~
专家最新作品
姚琼课堂姚洁红
精品资料推荐当前位置:
网页如何嵌入百度地图并标注位置
对于很多制作企业网站的学员来说,少不了“联系我们”这一栏,对于大多数网站制作的学员来说,只会写公司名称,公司电话,公司地址之类,最多也只会加一些简单的图片。
如果在你的公司企业网站的联系我们这一栏中,加上一个百度地图,这样的效果绝对更好,对你公司的用户来说无疑更多说服力。
那么如何在做网站过程中,在自己做的网站上嵌入百度地图呢?其实方法与差不多,的学员们,快来跟着下面的步骤给自己的网站添加百度地图吧。
创建地图:首先在百度地图生成器地址:,标注一下公司的地址,创建地图。
定位中心点:将“当前城市”切换到你要创建地图的城市,并输入详细地址进行查找。
设置地图:设置地图尺寸,地图缩放、地图缩略图、地图比例尺、地图状态等。依照自己或者客户的习惯进行设定。
添加标注:标记的图标可以在地图上面进行简单修改位置。输入公司的名称,在备注中可以添加地址、电话、传真、邮编、邮箱等属性。点击保存将进行下一步。
获取代码:只要点击获取代码按钮,就会自动弹出一个“自定义地图代码”的页面,将页面中的代码复制即可。
粘贴代码:将复制的代码粘贴到自己做的网站的“联系我们”页面的下方即可实现百度地图功能了。
上一课: 下一课:
来源:学做网站论坛 &&最后更新:&&浏览量:17838 次
学做网站论坛致力打造网站制作在线培训诚信平台,大批学员在此学会,走上IT精英之路。学做网站论坛建站培训以原创建站视频教程,以非常细致的讲解各类网站制作方法,哪怕是零基础小白也能看的懂,学的会。欢迎您来参加学习,报名QQ:。如何在微信地图上添加自己的公司名字
全部答案(共1个回答)
emoji表情包即可。 安卓也可以直接下go国际输入法然后点击emoji下载表情包。 当然,米聊里是有灰常多的小图标的,可以在聊天框中复制,然后到微信中粘贴!