邢臺網站建設,邢臺系統開發
邢臺網站建設,邢臺網站制作,邢臺網絡公司,邢臺系統開發,邢臺網站設計,邢臺網頁制作
15081754822
網站首頁 網站建設 系統開發 系統開發知識 手機網站 網站維護 網站案例 域名注冊 400電話 行業交流 聯系我們
 
公司主營業務
  系統開發
網站建設
手機網站
網站案例
網站維護
域名注冊
虛似主機
視頻主持人
 
關于我們
 
公司簡介
公司視頻
支付方式
人才招聘
企業文化
服務承諾
合作伙伴
下載中心
 
你所處的位置:首頁 - 百度地圖多個標志點的實現
百度地圖多個標志點的實現
發布日期:2019-1-7 9:45:33

<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號》
本站關鍵詞:邢臺網站建設 邢臺網站設計 河北邢臺網絡公司 邢臺網站制作公司 邢臺網站推廣邢臺網站制作
網站統計:
   業務咨詢
  在線客服
  在線客服
掃一掃 加微信好友
15081754822
香港赛马会代