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>
查看全文
相关阅读:
两个单链表的第一个公共节点
对于混沌定义中三个条件的理解
sort()函数使用详解
C++优先队列详解
第一次只出现一个的字符
丑数
把数组排成最小的数
从1到n整数中1的个数
git相关知识
文件处理(如果文件存在则追加,不存在则生成多级文件夹以及txt目录)
原文地址:https://www.cnblogs.com/javawebsoa/p/2458197.html
最新文章
python简单小常识
enumerate()用法
如何使python print输出不换行
python list 排序
简单验证码生成
python基本数据类型
Eclipse工具进行Spring开发时,Spring配置文件智能提示需要安装STS插件
MySql的安装、配置(转)
《JavaScript高级程序设计》学习总结三(3)
《JavaScript高级程序设计》学习总结三(2)
热门文章
《javascript 高级程序设计》学习总结 三(1)
《JavaScript高级程序设计》的学习总结 二
《JavaScript高级程序设计》的学习总结 一
都市求生日记第一篇
块级格式化上下文(block formatting context)BFC
Input 与 button 之总有刁民想害郑
js实现简单的动画效果之移动
javascript 实现图片切换,考虑平稳退化与行为&结构分离
统计数字在排序数组中出现的次数
数组中的逆序对
Copyright © 2011-2022 走看看