码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-05-22 10:57:45      阅读:237      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!