【推荐】海外独服/站群服务器/高防

当前很多网站都需要把地址显示出来，我们可以利用百度地图开放平台来实现地图的插入。

方法/步骤

1

打开网址： ,进入创建地图画面。在左侧定位中心点中定位自己的位置。

步骤阅读

2

在“添加标注”中添加自己位置的名称和备注。确认无误后点击保存。

步骤阅读

3

确认正确无误后点击“第二步 获取代码”，会生成html代码。点击“复制代码”

步骤阅读

4

代码分为3个部分，

1、下面部分代码是放在HTML文件的标签内：

2、下面代码放在标签内：

//放置地图的位置和设置显示的大小

3、剩下的代码是生成地图的JS代码，建议放在HTML文件的结尾标签内：

代码分为3个部分， 1、下面部分代码是放在HTML文件的标签内：

     <!--引用百度地图API-->
        <STYLE type=text/css>    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}</STYLE>

        <SCRIPT type=text/javascript src=""></SCRIPT>
        2、下面代码放在标签内： <!--百度地图容器-->
        <DIV id=dituContent style="BORDER-TOP: #ccc 1px solid; HEIGHT: 550px; BORDER-RIGHT: #ccc 1px solid; WIDTH: 697px; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid"></DIV>//放置地图的位置和设置显示的大小 3、剩下的代码是生成地图的JS代码，建议放在HTML文件的结尾标签内：
        <SCRIPT type=text/javascript>    //创建和初始化地图函数：    function initMap(){        createMap();//创建地图        setMapEvent();//设置地图事件        addMapControl();//向地图添加控件        addMarker();//向地图中添加marker    }   .................    initMap();//创建和初始化地图</SCRIPT>

5

处理完之后保存HTML文件，就可以看到生成的地图了。

申请创业报道，分享创业好点子。点击此处，共同探讨创业新机遇！