设置百度地图名片最后把代码嵌入哪里呢？

都说把代码嵌入自己的网站，但是能不能帮我截图详细的操作一下，我还是不懂嵌入到网站的哪里。嵌入百度地图吗？学校要开会，怕外面的与会人员会迷路，所以就是想做一个点开能导航的东西，不让他们迷路呢！

推荐答案 2018-04-03

ç¾åº¦å°å¾JavaScript APIç®ä»ï¼

å·ä½æ¹æ³å¦ä¸ï¼

ä¸ãåå»ºç¾åº¦å°å¾å¼æ¾å¹³å°å¯é¥ï¼akï¼

2ãéæ©âæ§å¶å°â-âåå»ºåºç¨âæç¸å³è®¾ç½®å¡«å¥½ã

äºãç½ç«åé¨ç½²ç¾åº¦å°å¾ã

1ãç¼åHTMLé¡µé¢çåºç¡ä»£ç

<!DOCTYPE html>  <html>  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Baidu Map </title>
    <style type="text/css">
        html{height:100%}
        body{height:100%;margin:0px;padding:0px}
        #container{height:100%}
    </style>  </head>  <body></body>  </html>

2ãå¼å¥ç¾åº¦å°å¾APIæä»¶

3ãåå§åå°å¾é»è¾

var map = new BMap.Map("container"); // åå»ºå°å¾å®ä¾ var point = new BMap.Point(116.404, 39.915); // åå»ºç¹åæ map.centerAndZoom(point, 15); // åå§åå°å¾ï¼è®¾ç½®ä¸å¿ç¹åæ åå°å¾çº§å«

4ãå¼å¯é¼ æ æ»è½®ç¼©æ¾

å°å¾çé¼ æ æ»è½®ç¼©æ¾é»è®¤æ¯å³éçï¼éè¦éç½®å¼å¯ã

map.enableScrollWheelZoom(true); //å¼å¯é¼ æ æ»è½®ç¼©æ¾

ä¸ãç¾åº¦å°å¾GPSå¯¼èªè°ç¨

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
        body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"å¾®è½¯éé»";}
    </style>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=æ¨çå¯é¥"></script>
    <title>å¤ä¸ªæ æ³¨ç¹æ²¿æçº¿çè½¨è¿¹è¿å¨</title>
</head>
<body>
    <div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
    // ç¾åº¦å°å¾APIåè½
    var map = new BMap.Map("allmap");
    map.centerAndZoom(new BMap.Point(116.404, 39.915), 15);
    var bounds = null;
    var linesPoints = null;
    var spoi1 = new BMap.Point(116.380967,39.913285);    // èµ·ç¹1
    var spoi2 = new BMap.Point(116.380967,39.953285);    // èµ·ç¹2
    var epoi  = new BMap.Point(116.424374,39.914668);    // ç»ç¹
    var myIcon = new BMap.Icon("http://lbsyun.baidu.com/jsdemo/img/Mario.png", new BMap.Size(32, 70), {imageOffset: new BMap.Size(0, 0)});
    function initLine(){
        bounds = new Array();
        linesPoints = new Array();
        map.clearOverlays();                                                    // æ¸ç©ºè¦çç©
        var driving3 = new BMap.DrivingRoute(map,{onSearchComplete:drawLine});  // é©¾è½¦å®ä¾,å¹¶è®¾ç½®åè°
            driving3.search(spoi1, epoi);                                       // æç´¢ä¸æ¡çº¿è·¯
        var driving4 = new BMap.DrivingRoute(map,{onSearchComplete:drawLine});  // é©¾è½¦å®ä¾,å¹¶è®¾ç½®åè°
            driving4.search(spoi2, epoi);                                       // æç´¢ä¸æ¡çº¿è·¯
    }
    function run(){
        for(var m = 0;m < linesPoints.length; m++){
            var pts = linesPoints[m];
            var len = pts.length;
            var carMk = new BMap.Marker(pts[0],{icon:myIcon});
            map.addOverlay(carMk);
            resetMkPoint(1,len,pts,carMk)
        }

        function resetMkPoint(i,len,pts,carMk){
            carMk.setPosition(pts[i]);
            if(i < len){
                setTimeout(function(){
                    i++;
                    resetMkPoint(i,len,pts,carMk);
                },100);
            }
        }

    }
    function drawLine(results){
        var opacity = 0.45;
        var planObj = results.getPlan(0);
        var b = new Array();
        var addMarkerFun = function(point,imgType,index,title){
            var url;
            var width;
            var height
            var myIcon;
            // imgType:1çåºåï¼ä¸ºèµ·ç¹åç»ç¹çå¾ï¼2çåºåä¸ºè½¦çå¾å½¢
            if(imgType == 1){
                url = "http://lbsyun.baidu.com/jsdemo/img/dest_markers.png";
                width = 42;
                height = 34;
                myIcon = new BMap.Icon(url,new BMap.Size(width, height),{offset: new BMap.Size(14, 32),imageOffset: new BMap.Size(0, 0 - index * height)});
            }else{
                url = "http://lbsyun.baidu.com/jsdemo/img/trans_icons.png";
                width = 22;
                height = 25;
                var d = 25;
                var cha = 0;
                var jia = 0
                if(index == 2){
                    d = 21;
                    cha = 5;
                    jia = 1;
                }
                myIcon = new BMap.Icon(url,new BMap.Size(width, d),{offset: new BMap.Size(10, (11 + jia)),imageOffset: new BMap.Size(0, 0 - index * height - cha)});
            }

            var marker = new BMap.Marker(point, {icon: myIcon});
            if(title != null && title != ""){
                marker.setTitle(title);
            }
            // èµ·ç¹åç»ç¹æ¾å¨æä¸é¢
            if(imgType == 1){
                marker.setTop(true);
            }
            map.addOverlay(marker);
        }
        var addPoints = function(points){
            for(var i = 0; i < points.length; i++){
                bounds.push(points[i]);
                b.push(points[i]);
            }
        }
        // ç»å¶é©¾è½¦æ¥è¡çº¿è·¯
        for (var i = 0; i < planObj.getNumRoutes(); i ++){
            var route = planObj.getRoute(i);
            if (route.getDistance(false) <= 0){continue;}
            addPoints(route.getPath());
            // é©¾è½¦çº¿è·¯
            if(route.getRouteType() == BMAP_ROUTE_TYPE_DRIVING){
                map.addOverlay(new BMap.Polyline(route.getPath(), {strokeColor: "#0030ff",strokeOpacity:opacity,strokeWeight:6,enableMassClear:true}));
            }else{
            // æ¥è¡çº¿è·¯æå¯è½ä¸º0
                map.addOverlay(new BMap.Polyline(route.getPath(), {strokeColor: "#30a208",strokeOpacity:0.75,strokeWeight:4,enableMassClear:true}));
            }
        }
        map.setViewport(bounds);
        // ç»ç¹
        addMarkerFun(results.getEnd().point,1,1);
        // å¼å§ç¹
        addMarkerFun(results.getStart().point,1,0);
        linesPoints[linesPoints.length] = b;
    }
    initLine();
    setTimeout(function(){
        run();
    },1500);
</script>

温馨提示：答案为网友推荐，仅供参考

当前网址：http://55.wendadaohang.com/zd/LQRFIRIRF4FeQReeFc.html

相似回答

怎么把地图放到网站上怎么把地图放到网站上面答：把代码复制到网站上相应的位置就可以了。控件嵌入方法:打开百度统计、验证认证(索赔)网站。找到服务功能，添加百度地图名片控件。效果图:怎么样把google地图加放到自己的网站？首先登陆GOOGLE地图网，页面跳转，根据提示点击批量上传，会跳出“服务条款”，根据提示在前面框里打钩，点击继续，进入“管理位置”...

百度地图名片代码怎么获取?答：打开百度地图，进入百度地图页面。进入百度地图的页面后，再打开右上角的“地图API”字样选择“插件与工具”一栏中的“地图名片”图标，点击进入点击“开始制作”的黄色按钮进入信息填写页面填写相关信息，将名称和地址填写完整，然后点击红色摇杆旁的定位到地图。最后点击“提交”按钮。进入到生成代码页面...

怎么在网站上插入地图答：代码嵌入法步骤：打开百度地图生成器。定位中心点：将“当前城市”切换到你要创建地图的城市，输入详细地址进行查找。设置地图：设置地图尺寸，地图缩放、地图缩略图、地图比例尺、地图状态等。依照用户的习惯以及需求进行设定。添加标注：标记的图标可以在地图上面进行简单修改位置。输入公司的名称，在备注中可...

我要注册百度名片答：1、打开百度地图，点击“地图API”，进入地图API开发界面；2、点击“开发”，选择“地图名片”，点击进入名片制作页面；3、点击“开始制作”，进入名片信息编辑页面；填写相应信息！4、信息填写完成，点击“提交”，提交以后，就会出现一系列的信息，根据你的爱好，以及展示方式，选择合适的样式，然后把代码...

求大神!!!如何让两段百度地图生成的javascript代码放在同一个html文件...答：好乱，用地图名片吧，两段iframe就可以了，javascript代码不需要写，不会出现冲突问题像这样，放在div或其他标签中，代码交给百度的地图服务去完成。参考地址：http://api.map.baidu.com/mapCard/

大家正在搜

qq群名片代码有哪些 qq群名片后缀代码群名片代码群名片各种特殊代码群名片特殊代码 QQ群名片代码 qq群名片代码大全 qq群名片颠倒代码 qq群名片反字代码