邢台网站建设,邢台系统开发
邢台网站建设,南和网站建设,邢台网站制作,南和网站建设公司,邢台网络公司,邢台系统开发,邢台网站设计,邢台网页制作
旧版网站
19131135565
网站首页 网站建设 系统开发 系统开发知识 手机网站 外贸网站 网站维护 网站案例 选课系统 宣传片拍摄 微信开发 行业交流 联系我们
 
邢台区县网站建设
邢台行业门户网站建设
邢台网站策划
邢台画册设计
公司主营业务
  系统开发
网站建设
手机网站
网站案例
成品网站
网站维护
域名注册
虚似主机
机房工程
弱电工程
视频主持人
 
增值服务
 
SSL证书申请
微信小程序
 
关于我们
 
公司简介
公司视频
支付方式
人才招聘
企业文化
服务承诺
合作伙伴
下载中心
 
你所处的位置:首页 - 常见问题 - 百度地图多个标志点的实现
百度地图多个标志点的实现
发布日期:2019-1-7 9:45:33  浏览次数:1743次

<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-2028 邢台奥祥网络™
联系电话:19131135565  
公司邮箱:125856421@qq.com 《信息产业部备案 冀ICP备09043254号》
本站关键词:邢台网站建设 邢台网站设计 河北邢台网络公司 邢台网站制作公司 邢台网站推广邢台网站制作
网站统计: