地图标注源码 php,百度地图设置坐标,标注坐标地理位置
【实例简介】百度地图设置坐标,标注坐标地理位置
【实例截图】
【核心代码】// 百度地图API功能
function creat_map(e){
map = new BMap.Map("mapbox");
//map.centerAndZoom(new BMap.Point(117.143831,36.677922), 16);
//添加带有定位的导航控件
var navigationControl = new BMap.NavigationControl({
// 靠左上角位置
anchor: BMAP_ANCHOR_TOP_LEFT,
// LARGE类型
type: BMAP_NAVIGATION_CONTROL_LARGE,
// 启用显示定位
enableGeolocation: true
});
map.addControl(navigationControl);
var mapStyle ={
features: ["road", "building","water","land","point"],//隐藏地图上的poi
style : "light" //设置地图风格为高端黑
};
map.setMapStyle(mapStyle);
map.addControl(new BMap.MapTypeControl()); //添加地图类型控件
//map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
var data_info = e;
var opts = {
width : 500, // 信息窗口宽度
height: 200, // 信息窗口高度
/* title : "信息窗口" , */// 信息窗口标题
enableMessage:true//设置允许信息窗发送短息
};
var myIcon = new BMap.Icon("__STATICS__/layouts/sp_layout/images/flag-red.png", new BMap.Size(32,32));//创建图标
var pointArray = new Array();
for(var i=0;i
if(data_info[i]['dept_pno']==0){
myIcon = new BMap.Icon("__STATICS__/layouts/sp_layout/images/qi.png", new BMap.Size(48,48));//创建图标
}else{
myIcon = new BMap.Icon("__STATICS__/layouts/sp_layout/images/flag-red.png", new BMap.Size(32,32));
}
pointArray[i] = new BMap.Point(data_info[i]['gc_lng'], data_info[i]['gc_lat']);
var marker = new BMap.Marker(new BMap.Point(data_info[i]['gc_lng'],data_info[i]['gc_lat']),{icon:myIcon}); // 创建标注
var content = data_info[i][2];
var content =
"
" data_info[i]['dept_name'] "
"
""
"
名称:" data_info[i]['dept_name'] "
"
"
负责人:" data_info[i]['dept_manager'] "
"
"
积分:" data_info[i]['dept_integral'] "分
"
"
简介:" data_info[i]['memo'] "
"
"
";
map.addOverlay(marker); // 将标注添加到地图中
marker.addEventListener("click",function(e){
var p = e.target;
var point = new BMap.Point(p.getPosition().lng, p.getPosition().lat);
var infoWindow = new BMap.InfoWindow(content,opts); // 创建信息窗口对象
map.openInfoWindow(infoWindow,point); //开启信息窗口
}
);
}
//让所有点在视野范围内
map.setViewport(pointArray);
}
地图标注源码 php,百度地图设置坐标,标注坐标地理位置相关推荐
- cesium等高线_Cesium开源三维地球离线地图发布源码示例功能
一.概述 Cesium开源三维地球离线地图发布源码提供了地图切换.查询定位.模型加载.专题图叠加显示和测量功能等,旨在为用户提供一个可以在Cesium快速加载离线地图或在线地图的解决方案,并提供技术支 ...
- Cesium开源三维地球离线地图发布源码示例功能
一.概述 Cesium开源三维地球离线地图发布源码提供了地图切换.查询定位.模型加载.专题图叠加显示和测量功能等,旨在为用户提供一个可以在Cesium快速加载离线地图或在线地图的解决方案,并提供技术支 ...
- 深入学习jquery源码之高德地图组件的使用
深入学习jquery源码之高德地图组件的使用 高德地图组件是一类高度模块化的LBS服务组件,开发者通过调用相应标签便可轻松实现诸如在地图上标注点.查找附近poi.公交/驾车线路规划等功能.该类组件仅针 ...
- 微信小程序官方组件展示之地图map源码
以下将展示微信小程序之地图map源码官方组件能力,组件样式仅供参考,开发者可根据自身需求定义组件样式,具体属性参数详见小程序开发文档. 功能描述: 地图(v2.7.0 起支持同层渲染). 小程序解决方 ...
- QT_地图导航 源码下载
QT_地图导航 源码下载 https://github.com/douzujun/MyMapView 主要算法讲解: 1. 计算最短路径(dijkstra算法) Step1: (1)找到最短路径已经确 ...
- 百度android地图开发文档,简介-百度地图开发文档
目录1 JavaScript API功能介绍 2 面向的读者 3 坐标转换 4 版本说明及申请API ak 5 获取JavaScript API服务方法 6 开发移动平台上的地图应用 7 Https ...
- android 百度地图 在线建议查询,Android 百度地图 SDK v3_3_0 (五) ---POI搜索和在线建议查询功能...
目前百度地图SDK所集成的检索服务包括:POI检索.公交信息查询.线路规划.地理编码.在线建议查询.短串分享. 本篇博客将先介绍POI检索和在线建议查询(在地图地位功能基础上实现的,还不知道定位的童靴 ...
- php百度地图创建应用程序,使用百度地图API创建第一个电子地图
一.百度地图API是一套为开发者免费提供的基于百度地图的应用程序接口,包括JavaScript.iOS.Andriod.静态地图.Web服务等多种版本,提供基本地图.位置搜索.周边搜索.公交驾车导航. ...
- php网页地图上自定义,网页嵌入百度地图和使用百度地图api自定义地图的详细步骤...
在网页中插入百度地图 如果想在自己的网页上面加入百度地图的话,可以用百度地图的api.具体使用方法如下: 第二步:设置地图,大家可以对网站显示地图的宽高进行设置,其余选项不动. 第三步:添加标注.点击 ...
最新文章
- python.freelycode.com-优化Pandas代码执行速度入门指南
- python乘法口诀代码-浅析一句python代码成生九九乘法表
- Intelij IDEA 常用快捷键
- IntelliJ IDEA for Mac中的Maven操作窗口详解
- Java笔记(一)—StringBuilder类
- Flutter 悬浮按钮 FloatingActionButton 的详细配置使用
- java的位桶是什么_Java关于桶排序的知识点总结
- Excel导入数据的实现
- 华硕笔记本linux触摸板驱动,华硕笔记本触摸板驱动安装教程及打开方法
- 《软件评测师教程》学习笔记-第一章:软件测试概述
- 联想台式计算机驱动程序,联想台式机网卡驱动,详细教您联想台式机网卡驱动...
- 生成条码 -- jsbarcode
- 【资料分享】STM32配置TB6612驱动程序详解
- SIPP介绍以及使用介绍
- 数学----两个或者多个函数相乘求它们的导数
- xshell免费版安装
- mv命令:移动、重命名文件或文件夹
- android 六棱形分析图,[转载]菱形整理形态、三角形整理形态图解及分析
- 最短路径的模板-摘自宫水三叶
- 基于python语言的selenium自动化测试(1)-环境搭建