首页 > Web开发 > 详细

练习-------将地图插入网站中

时间:2016-05-22 10:56:16      阅读:238      评论:0      收藏:0      [点我收藏+]

第一步:

             百度地图生成器的地址:http://api.map.baidu.com/lbsapi/creatmap/index.html

 

        技术分享

 

 

第二步:

          创建地图:

        1.定位中心点:将“当前城市”切换到你要创建地图的城市,并输入详细地址进行查找。

         2.设置地图:设置地图尺寸,地图缩放、地图缩略图、地图比例尺、地图状态等。

         3.添加标注:标记的图标可以在地图上面进行简单修改位置。输入公司的名称,在备注中可以添加地址、电话、传真、邮编、邮箱等属性。

 

      技术分享

 

 

第三步:

    获取代码:只要点击获取代码按钮,就会自动弹出一个“自定义地图代码”的页面,将页面中的代码复制就可以了。

 

        技术分享

 

 

 

第四步:

                         技术分享

 

 

第五步:

            将获取的代码,插入到DW中就可以了:

 

    【1】:

         技术分享

 

 

      【2】

                 将<div></div> 插入到您需要地图显示的区域

                  技术分享

 

 

          【3】将</body>中的 <script type="text/javascript"></script>, 插入到</html>的下面

       

                   技术分享

 

 

             【4】将<style type="text/css"></style>,插入到<head>里

 

               技术分享

 

 

         【5】将</style>下的 <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>,插入在<head>里。

 

                技术分享

 

显示的效果为:

 

技术分享

 

练习-------将地图插入网站中

原文:http://www.cnblogs.com/yuyu1993/p/5516216.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!