zoukankan
html css js c++ java
Jquery 的百度地图应用
<script language="javascript" type="text/javascript"> $(document).ready(function () { $.ajax({ type: "POST", url: "GetMap.ashx/ProcessRequest", dataType: "json", success: function (data) { var datalist = data; $(datalist).each(function (index, content) { var map = new BMap.Map("container"); // 创建Map实例 //向地图中添加缩放控件 var ctrl_nav = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE }); map.addControl(ctrl_nav); //向地图中添加缩略图控件 var ctrl_ove = new BMap.OverviewMapControl({ anchor: BMAP_ANCHOR_TOP_RIGHT, isOpen: 1 }); map.addControl(ctrl_ove); //向地图中添加比例尺控件 var ctrl_sca = new BMap.ScaleControl({ anchor: BMAP_ANCHOR_BOTTOM_LEFT }); map.addControl(ctrl_sca); var point = new BMap.Point(content.LATITUDE, content.LONGITUDE); // 创建点坐标 map.centerAndZoom(point, 13); // 初始化地图,设置中心点坐标和地图级别。 // 创建图标对象 var myIcon = new BMap.Icon("http://api.map.baidu.com/img/markers.png", new BMap.Size(23, 25), { // 指定定位位置。 // 当标注显示在地图上时,其所指向的地理位置距离图标左上角各偏移10像素和25像素。您可以看到在本例中该位置即是图标中央下端的尖角位置。 anchor: new BMap.Size(10, 25), // 设置图片偏移。 // 当您需要从一幅较大的图片中截取某部分作为标注图标时,您需要指定大图的偏移位置,此做法与css sprites技术类似。 imageOffset: new BMap.Size(0, 0 - index * 25) // 设置图片偏移 }); // 创建标注对象并添加到地图 var marker = new BMap.Marker(point, { icon: myIcon }); map.addOverlay(marker); // 定义一个控件类,即function function ZoomControl() { // 默认停靠位置和偏移量 this.defaultAnchor = BMAP_ANCHOR_TOP_LEFT; this.defaultOffset = new BMap.Size(10, 10); } //地图事件设置函数: map.enableDragging(); //启用地图拖拽事件,默认启用(可不写) map.enableScrollWheelZoom(); //启用地图滚轮放大缩小 map.enableDoubleClickZoom(); //启用鼠标双击放大,默认启用(可不写) map.enableKeyboard(); //启用键盘上下左右键移动地图 // 通过JavaScript的prototype属性继承于BMap.Control ZoomControl.prototype = new BMap.Control(); // 自定义控件必须实现自己的initialize方法,并且将控件的DOM元素返回 }) }, error: function (data) { alert('获取数据超时...'); } }); }) </script>
查看全文
相关阅读:
Windows7单机部署Hbase
Geotools系列之Geotools DataStore
Java中的SPI机制
Hbase Java API调用实例
调用Geotellis的API上传本地Tiff文件至Hbase/Hadoop
Windows7单机部署Hadoop
windows环境下配置GeoServer
C/C++程序从编译到链接的过程
中兴的一道笔试题
腾讯笔试题----格雷码的实现
原文地址:https://www.cnblogs.com/javawebsoa/p/2458197.html
最新文章
nxlog4go 按天或按文件大小分割日志
Using nxlog4go for Testing Environment
log4go的输出优化
[转载]ArchLinux 添加 archlinuxcn 源 密钥错误
2017年国内常用的公共NTP服务
log4go的日志滚动处理——生产环境的适配
log4go的全局封装Wrapper和标准log库函数的兼容
SSL证书编码格式
Active FTP vs. Passive FTP, a Definitive Explanation
gnome桌面开机启动程序
热门文章
JAVA_TOOL_OPTIONS和_JAVA_OPTIONS
公网访问内网被动模式FTP服务
Everything-文件名搜索工具
解决移动硬盘不能弹出问题
配置VSCode右键菜单
定位弹窗广告软件
腾讯最赚钱的部门是怎么做运维的?
java 链表转置
浅谈Hbase
Geotools系列之Geotools连接Hbase数据库并读取数据
Copyright © 2011-2022 走看看