ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

如何在网页中插入在线百度地图

2021-12-26 22:05:50  阅读:154  来源: 互联网

标签:网页 网站 代码 地图 插入 点击 设置 百度


首先,事先声明百度地图官方是允许用户在页面生成时引入百度地图,并提供相应网站来生成代码,所以不用担心版权问题.

一 :  进入网站

可以直接百度搜索百度地图代码生成器,也可直接点击网站链接http://api.map.baidu.com//lbsapi/creatmap/

二 :  进入网站后,我们可以看到如下页面:

                                                               

 

 

 

 

  三 :  在网页右侧的定位中心位,设置地图 , 添加标注处 ( 注  : 中心点,标注等等,此时样式默认是最初级的 ) , 可以对地图进行一个所需的初始设置 , 然后就可以点击获取代码了,

若想设置是否允许地图拖拽、是否允许滚轮放大等各种高级功能,点击右下角的更多高级功能下的详细便有解释

如图:

    1.    

       

       

 

  四: 若想要获取到相应的全部代码 , 点击获取代码即可 .    也可选取所需的部分代码,地图盒子具体的样式可自行在代码中设置修改,但主体部分必须要有

 

 主体代码:

   1.html部分:  

<div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div>(css样式可自行修改)

 

    2.script引用:

<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>

   

   3.引入代码中的<script>部分,最简单的地图插入就做好了

 

标签:网页,网站,代码,地图,插入,点击,设置,百度
来源: https://www.cnblogs.com/lsqxx/p/15734266.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有