给地图添加标注

最新推荐文章于 2024-06-27 16:23:14 发布

置顶樱梦雪苹宝

最新推荐文章于 2024-06-27 16:23:14 发布

阅读量1.1k

点赞数

分类专栏： js html 文章标签：给地图添加标注

本文链接：https://blog.csdn.net/yingmengxuepingbao/article/details/41963081

版权

js 同时被 2 个专栏收录

29 篇文章 0 订阅

订阅专栏

html

20 篇文章 1 订阅

订阅专栏

大家好：

最近在纠结如何动态获取经纬度，一直未有头绪，心情纠结啊！

先把之前练习过的给地图添加标注来为大家展示一下，顺便记录一下！

静态页面代码：

<span style="font-size:14px;"><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=7216b16c8441679ef2948d2b9a5731cc&services=false"></script> 
 <title></title> 
</head> 
<body> 
<input type="hidden" id="thisAddess" value="">
 <div id="allmap"></div> 
</body> 
  
<script type="text/javascript"> 
var map = new BMap.Map("allmap");
var point =new BMap.Point(116.404, 39.915);
map.centerAndZoom(point, 11);

 var marker = new BMap.Marker(point);  // 创建标注 
 map.addOverlay(marker);               // 将标注添加到地图中 
 marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画 

 map.addControl(new BMap.NavigationControl());//放大放小的图标 平移缩放控件
// var opts = {anchor: BMAP_ANCHOR_TOP_RIGHT, offset: new BMap.Size(10, 10)}
//  map.addControl(new BMap.NavigationControl(opts));  //使平移缩放控件放在右上角
 map.addControl(new BMap.ScaleControl());  //一个比例尺控件
 map.addControl(new BMap.OverviewMapControl());//一个缩略图控件
 
 
</script> 
  
</html> </span>

樱梦雪苹宝

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
给地图添加标注

大家好：最近在纠结如何动态获取经纬度，一直未有头绪，心情纠结啊！先把之前练习过的给地图添加标注来为大家展示一下，顺便记录一下！静态页面代码： body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
复制链接

扫一扫