700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 在网页中嵌入带标识的百度地图

在网页中嵌入带标识的百度地图

时间:2021-10-02 02:32:34

相关推荐

在网页中嵌入带标识的百度地图

php教程|php手册

nbsp,quot,map,BMap,addControl

php教程-php手册

最近在做一个网站,需要嵌入经销商的位置和信息。搜索了很多资料,终于完成了功能,给大家分享一下。

地图功能:按标尺缩放,鼠标滑动缩放,添加标注和 信息。

具体步骤:

1:首先到百度地图API,申请密钥。(如果没有百度账户得先注册一个)

2:百度地图API的功能做得比较分散,像标注、缩放等都是需要自己一步步找代码的。我把代码整理了一下,给大家复制一下,应该是最简洁的了

源码,ubuntu创建沙盒,jdk+9+和tomcat,骷髅爬虫大战,php分销平台项目,铁门关seo网络推广哪家比较好lzw

var map = new BMap.Map(“allmap”);

var point = new BMap.Point(116.384, 39.987); // 需要标注的位置的经纬度

map.centerAndZoom(point, 15); // 中心位置和缩放倍数

map.enableScrollWheelZoom(); // 添加滚动轴

map.addControl(new BMap.NavigationControl()); // 添加左上角的标尺工具

map.addControl(new BMap.NavigationControl());

map.addControl(new BMap.ScaleControl());

map.addControl(new BMap.OverviewMapControl());

map.addControl(new BMap.MapTypeControl());

map.setCurrentCity(“北京”);

asp自适应文章源码,ubuntu卸载r语言,Tomcat中的命令行,爬虫高德数据,php清空浏览器输出记录,德州seo 任lzw

var opts = {

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

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

title : “健翔桥东华亭家园” // 信息窗口标题

}

var infoWindow = new BMap.InfoWindow(“xxx公司”, opts); // 创建信息窗口对象

map.openInfoWindow(infoWindow, map.getCenter());// 打开信息窗口

var marker = new BMap.Marker(point); // 创建标注,即地图上的小红点

map.addOverlay(marker);

羊年祝福源码,vscode 插件库,ubuntu pwd,tomcat安装 配置,sqlite多条语句,网页设计与用户体验,删除全表数据库,阿里云服务器被攻击怎么办,video.php解析插件,前端基本的框架,爬虫抓数据,php获取路径,seo实验室,springboot图片,dedecms判断标签,wordpress响应式网站模板,wordpress网页游戏主题,无权访问页面模板,网站后台设计教程,app页面布局框架,cms网站内容管理系统,linux简单的聊天程序lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。