怎么用百度地圖設(shè)置顯示公司地址? – wordpress教程

    國外常用谷歌地圖,我們國內(nèi)有百度地圖,而且用起來也是蠻方便的,大家可以來試試。

    國外常用谷歌地圖,我們國內(nèi)有百度地圖,而且用起來也是蠻方便的,大家可以來試試。

    在百度地圖開放平臺(tái)(http://lbsyun.baidu.com/)登錄賬號(hào)新建應(yīng)用,應(yīng)用類型選擇瀏覽器端,建立完成后我們會(huì)得到應(yīng)用AK

    怎么用百度地圖設(shè)置顯示公司地址? - wordpress教程
    怎么用百度地圖設(shè)置顯示公司地址? - wordpress教程

    css樣式代碼

    #allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微軟雅黑";height: 350px;}

    地圖顯示代碼

    <script type="text/javascript" src="http://api.map.baidu.com/api?type=webgl&v=1.0&ak=你的ak"></script>
    <div id="allmap"></div>
    <script type="text/javascript">
        // 百度地圖API功能
        var map = new BMapGL.Map("allmap");
        var point = new BMapGL.Point(坐標(biāo),坐標(biāo));
        map.centerAndZoom(point, 15);//顯示層級(jí),具體可以參考下方坐標(biāo)拾取那里,層級(jí)越高地址越詳細(xì)
        var marker = new BMapGL.Marker(point);  // 創(chuàng)建標(biāo)注
        map.addOverlay(marker);              // 將標(biāo)注添加到地圖中
        var opts = {
            width : 200,     // 信息窗口寬度
            height: 100,     // 信息窗口高度
            title : "公司名" , // 信息窗口標(biāo)題
        }
        var infoWindow = new BMapGL.InfoWindow("詳細(xì)地址說明", opts);  // 創(chuàng)建信息窗口對(duì)象 
    map.openInfoWindow(infoWindow, point); //開啟信息窗口
    //marker.addEventListener("click", function(){map.openInfoWindow(infoWindow, point);}); //點(diǎn)擊位置開啟信息窗口
    </script>

    關(guān)于坐標(biāo)如何獲取?

    打開百度拾取坐標(biāo)網(wǎng)站(http://api.map.baidu.com/lbsapi/getpoint/index.html),直接搜索地址,然后點(diǎn)擊具體位置即可獲取坐標(biāo)!

    怎么用百度地圖設(shè)置顯示公司地址? - wordpress教程

    例子

    給TA贊賞
    共{{data.count}}人
    人已贊賞
    ??
    Npcink上的部份代碼及教程來源于互聯(lián)網(wǎng),僅供網(wǎng)友學(xué)習(xí)交流,若您喜歡本文可附上原文鏈接隨意轉(zhuǎn)載。
    無意侵害您的權(quán)益,請(qǐng)發(fā)送郵件至 1355471563#qq.com 或點(diǎn)擊右側(cè) 私信:Muze 反饋,我們將盡快處理。
    ?
    購物車
    優(yōu)惠劵
    搜索
    主站蜘蛛池模板: 亚洲精品色播一区二区| 国产亚洲一区二区三区在线观看| 丰满岳妇乱一区二区三区| 精品一区二区久久久久久久网精| 国产一区二区三精品久久久无广告| 中文字幕av日韩精品一区二区| 一区二区三区四区无限乱码 | 日本一区二区在线| 亚洲日韩AV一区二区三区中文| 国产一区二区免费| 亚洲人成网站18禁止一区 | 大伊香蕉精品一区视频在线| 伊人久久一区二区三区无码| 亚洲一区二区三区免费视频| 99精品国产一区二区三区不卡| 自慰无码一区二区三区| 成人精品一区二区三区中文字幕| 亚洲国产成人久久一区久久| 日本一区二区三区在线观看视频| 国产成人一区二区三区| 国产第一区二区三区在线观看| 日韩在线观看一区二区三区| 日韩精品福利视频一区二区三区| 国产福利91精品一区二区三区| 国产福利91精品一区二区三区| 中字幕一区二区三区乱码| 久久精品免费一区二区三区| 色欲综合一区二区三区| 激情亚洲一区国产精品| 亚洲一区二区三区高清在线观看| 精品亚洲av无码一区二区柚蜜| 无码人妻一区二区三区av| 丰满岳妇乱一区二区三区| 成人精品视频一区二区三区 | 亚洲一区二区三区免费在线观看 | 亚洲国产一区二区视频网站| 亚洲免费一区二区| 久久免费区一区二区三波多野| 亚洲电影一区二区| 日韩AV片无码一区二区不卡| 动漫精品专区一区二区三区不卡|