邢臺網站建設,邢臺系統開發
邢臺網站建設,邢臺網站制作,邢臺網絡公司,邢臺系統開發,邢臺網站設計,邢臺網頁制作
15081754822
網站首頁 網站建設 系統開發 系統開發知識 手機網站 外貿網站 網站維護 網站案例 選課系統 域名注冊 微信開發 行業交流 聯系我們
 
邢臺區縣網站建設
邢臺行業門戶網站建設
邢臺網站策劃
公司主營業務
  系統開發
網站建設
手機網站
網站案例
成品網站
網站維護
域名注冊
虛似主機
機房工程
弱電工程
視頻主持人
 
增值服務
 
SSL證書申請
微信小程序
 
關于我們
 
公司簡介
公司視頻
支付方式
人才招聘
企業文化
服務承諾
合作伙伴
下載中心
 
你所處的位置:首頁 - 常見問題 - 百度地圖多個標志點的實現
百度地圖多個標志點的實現
發布日期:2019-1-7 9:45:33  瀏覽次數:921次

<script type="text/javascript">

// 百度地圖API功能

var map = new BMap.Map("allmap");

var point = new BMap.Point(116.417854,39.921988);

var marker = new BMap.Marker(point);  // 創建標注

map.addOverlay(marker);              // 將標注添加到地圖中

map.centerAndZoom(point, 15);

var opts = {

 width : 200,     // 信息窗口寬度

 height: 100,     // 信息窗口高度

 title : "海底撈王府井店" , // 信息窗口標題

 enableMessage:true,//設置允許信息窗發送短息

 message:"親耐滴,晚上一起吃個飯吧?戳下面的鏈接看下地址喔~"

}

var infoWindow = new BMap.InfoWindow("地址:北京市東城區王府井大街88號樂天銀泰百貨八層", opts);  // 創建信息窗口對象

marker.addEventListener("click", function(){          

map.openInfoWindow(infoWindow,point); //開啟信息窗口

});

 

   var point2 = new BMap.Point(116.417854,39.915);

var marker2 = new BMap.Marker(point2);  // 創建標注

map.addOverlay(marker2);              // 將標注添加到地圖中

map.centerAndZoom(point2, 15);

var opts2 = {

 width : 200,     // 信息窗口寬度

 height: 100,     // 信息窗口高度

 title : "東方廣場" , // 信息窗口標題

 enableMessage:true,//設置允許信息窗發送短息

 message:"親耐滴,晚上一起吃個飯吧?戳下面的鏈接看下地址喔~"

}

var infoWindow2 = new BMap.InfoWindow("地址:北京市東城區東方廣場", opts2);  // 創建信息窗口對象

marker2.addEventListener("click", function(){          

map.openInfoWindow(infoWindow2,point2); //開啟信息窗口

});


</script>




<!DOCTYPE html>

<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>

<div id="allmap"></div>

<script type="text/javascript">

// 百度地圖API功能

var map = new BMap.Map("allmap");

var point = new BMap.Point(116.404, 39.915);

map.centerAndZoom(point, 15);



//創建標注點(第一個地點)

var pt = new BMap.Point(116.417, 39.909);

var myIcon = new BMap.Icon("http://lbsyun.baidu.com/jsdemo/img/fox.gif", new BMap.Size(300,157));

var marker2 = new BMap.Marker(pt,{icon:myIcon});  // 創建標注

map.addOverlay(marker2);  

 

 //創建標注點(第二個地點)

var pt2 = new BMap.Point(116.404, 39.915);

var myIcon2 = new BMap.Icon("http://lbsyun.baidu.com/jsdemo/img/fox.gif", new BMap.Size(300,157));

var marker22 = new BMap.Marker(pt2,{icon:myIcon2});  // 創建標注

map.addOverlay(marker22);               // 將標注添加到地圖中

</script>




作者:未知 上一條: 阿里云備案流程及所需資料
來源:互聯網 下一條: 手機安裝軟件失敗的四種常見原因和解決方案
奧祥介紹 聯系我們
域名注冊 成品網站
成功案例 客戶服務
行業交流 支付方式
版權所有: © 2005-2015 邢臺奧祥網絡™
聯系電話:15081754822  15102693855
公司郵箱:[email protected] 《信息產業部備案 冀ICP備09043254號》
本站關鍵詞:邢臺網站建設 邢臺網站設計 河北邢臺網絡公司 邢臺網站制作公司 邢臺網站推廣邢臺網站制作
網站統計:
香港赛马会代 十一运夺金基本走势 2019国产高清av资源网站 股票平台投资 单机麻将四人无需联网 快3今日开奖 微乐辽宁麻将苹果版 广西快3-一定牛 重庆百变王牌基本走势图百度彩票 大赢家体育比分足球比分 关于股票入门 熊猫麻将官方版在哪下 体彩20选5走势图 双色球历史比较器 网上真钱打麻将 历届德甲冠军 熊猫四川麻将安卓版