如何vue 使用layerOpenlayer发布地图

&>&Openlayer打开天地图的方法
Openlayer打开天地图的方法
上传大小:159KB
使用openlayers连接天地图,从源中获取连接方法。
综合评分:2.8(8位用户评分)
下载个数:
{%username%}回复{%com_username%}{%time%}\
/*点击出现回复框*/
$(".respond_btn").on("click", function (e) {
$(this).parents(".rightLi").children(".respond_box").show();
e.stopPropagation();
$(".cancel_res").on("click", function (e) {
$(this).parents(".res_b").siblings(".res_area").val("");
$(this).parents(".respond_box").hide();
e.stopPropagation();
/*删除评论*/
$(".del_comment_c").on("click", function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_invalid/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parents(".conLi").remove();
alert(data.msg);
$(".res_btn").click(function (e) {
var parentWrap = $(this).parents(".respond_box"),
q = parentWrap.find(".form1").serializeArray(),
resStr = $.trim(parentWrap.find(".res_area_r").val());
console.log(q);
//var res_area_r = $.trim($(".res_area_r").val());
if (resStr == '') {
$(".res_text").css({color: "red"});
$.post("/index.php/comment/do_comment_reply/", q,
function (data) {
if (data.succ == 1) {
var $target,
evt = e || window.
$target = $(evt.target || evt.srcElement);
var $dd = $target.parents('dd');
var $wrapReply = $dd.find('.respond_box');
console.log($wrapReply);
//var mess = $(".res_area_r").val();
var mess = resS
var str = str.replace(/{%header%}/g, data.header)
.replace(/{%href%}/g, 'http://' + window.location.host + '/user/' + data.username)
.replace(/{%username%}/g, data.username)
.replace(/{%com_username%}/g, _username)
.replace(/{%time%}/g, data.time)
.replace(/{%id%}/g, data.id)
.replace(/{%mess%}/g, mess);
$dd.after(str);
$(".respond_box").hide();
$(".res_area_r").val("");
$(".res_area").val("");
$wrapReply.hide();
alert(data.msg);
}, "json");
/*删除回复*/
$(".rightLi").on("click",'.del_comment_r', function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_comment_del/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parent().parent().parent().parent().parent().remove();
$(e.target).parents('.res_list').remove()
alert(data.msg);
//填充回复
function KeyP(v) {
var parentWrap = $(v).parents(".respond_box");
parentWrap.find(".res_area_r").val($.trim(parentWrap.find(".res_area").val()));
评论共有6条
不够详细啊,直接跑不起来
不好用啊,而且是ol2的,我想找个3的
不怎么样啊啊
不行,用不成,不够详细
不行,用不成,不够详细
你这东西不好
审核通过送C币
node.js视频教程
创建者:love
js常用插件库
创建者:yxys01
前端开发必备书籍
创建者:guanxi2010
上传者其他资源上传者专辑
video.js 5.8.8版本
墨卡托投影(102100)与地理坐标系(4326)互转工具javascript版本
MySQL数据库驱动
VIP会员动态
CSDN下载频道资源及相关规则调整公告V11.10
下载频道用户反馈专区
下载频道积分规则调整V1710.18
spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip
资源所需积分/C币
当前拥有积分
当前拥有C币
为了良好体验,不建议使用迅雷下载
Openlayer打开天地图的方法
会员到期时间:
剩余下载个数:
剩余C币:593
剩余积分:0
为了良好体验,不建议使用迅雷下载
积分不足!
资源所需积分/C币
当前拥有积分
您可以选择
程序员的必选
绿色安全资源
资源所需积分/C币
当前拥有积分
当前拥有C币
(仅够下载10个资源)
为了良好体验,不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
为了良好体验,不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
您的积分不足,将扣除 10 C币
为了良好体验,不建议使用迅雷下载
你当前的下载分为234。
你还不是VIP会员
开通VIP会员权限,免积分下载
你下载资源过于频繁,请输入验证码
您因违反CSDN下载频道规则而被锁定帐户,如有疑问,请联络:!
若举报审核通过,可奖励20下载分
被举报人:
举报的资源分:
请选择类型
资源无法下载
资源无法使用
标题与实际内容不符
含有危害国家安全内容
含有反动色情等内容
含广告内容
版权问题,侵犯个人或公司的版权
*详细原因:
Openlayer打开天地图的方法如何使用Openlayer发布谷歌卫星地图
& & & &出于保密需求和对数据的保护,有的时候需要发布离线地图在内网使用,之前已经讲过各种离线API发布地图、geoserver发布离线地图和使用ArcGIS Server发布离线地图等发布离线地图的方法,现在介绍另外一种发布地图的方法,使用Openlayer发布离线地图。工具/原料& & & &水经注万能地图下载器& OpenLayers-2.13方法/步骤& & 1.打开水经注万能地图下载器,把鼠标放在左上角的图标上,在出现的下拉列表中选择“谷歌卫星”(图1)。图1& & 2.点击“下载”→“框选下载”将需要下载的地方框选上(图2)。图2& & 3.双击,在弹出的对话框中选择“高级模式”,设置好任务名称和勾选上下载级别(图3)。&图3&& & 4.点击“列表”→“高级任务”可以看到下载的任务,把鼠标移到任务上可以看到“导出拼接图片”按钮(图4),点击。图4& & 5.在弹出的“导出图片数据”对话框中“导出类型”一栏选择“瓦片:Google Map”(图5),点击“输出”完成瓦片的导出。图5& & 6.新建一个文件夹,这里是在D盘新建一个名为“Openlayer”的文件夹,将文件夹“OpenLayers-2.13”拷入进去,将导出的文件重命名为“data”放在“Openlayer”文件夹内(图6)。图6& & 7.找到“OpenLayers-2.13”→ “examples”→ “example_GoogleTiles.html”(图7),用浏览器打开 即可看到效果(图8)。图7图8& & &8.可以打开example_GoogleTiles.html文件,根据自己的需求对其进行修改。
附件:OpenLayers-2.13
所需积分:0分
共有访客发表了评论
正版用户服务
获取免费流量您所在位置: &
&nbsp&&nbsp&nbsp&&nbsp
OpenLayer地图重点属性摘录.docx 15页
本文档一共被下载:
次 ,您可全文免费在线阅读后下载本文档。
下载提示
1.本站不保证该用户上传的文档完整性,不预览、不比对内容而直接下载产生的反悔问题本站不予受理。
2.该文档所得收入(下载+内容+预览三)归上传者、原创者。
3.登录后可充值,立即自动返金币,充值渠道很便利
需要金币:170 &&
OpenLayer地图重点属性摘录
你可能关注的文档:
··········
··········
一:OpenLayers
1. OpenLayers:常量
version_number标识版本
二:BaseTypes
2. BaseTypes(基本类型):这里定制了Openlayers中用到的string、number、function、array
3. Bounds(边界):
left、bottom、right、top、centerLonLat
extend 用于扩展边界,toBBox用于绑定
bounds = new OpenLayers.Bounds(); bounds.extend(new OpenLayers.LonLat(4,5)); bounds.extend(new OpenLayers.LonLat(5,6)); bounds.toBBOX(); // returns 4,5,5,6
4. LonLat(经纬度):
属性 lon经度、lat纬度
注意:如果地图不是地理投影,那么调用的LonLat表示的是地图上的x、y轴坐标,为(0,0)表示坐标轴原点
例子:map.setCenter(new OpenLayers.LonLat(116.3),13);
最后一个参数表示Zoom:放大倍数
5. Pixel(像素):属性 x、y表示x和y坐标
6. Size:属性 w、h表示宽和高
三:Console
7. Console:用于调试和把错误等输出到“控制台”上,需要结合使用firebug
四:Control
8. Control(控件):
使用方法:
var map = new OpenLayers.Map('map', { controls: [] });
map.addControl(new OpenLayers.Control.PanZoomBar());
var map = new OpenLayers.Map('map',
{ controls: [new OpenLayers.Control.PanZoomBar(),
new OpenLayers.Control.Navigation()]
9. Button(按钮):方法 trigger() 点击按钮的时候会调用
使用方法:var button = new OpenLayers.Control.Button({ ? ? displayClass: &MyButton&, trigger: myFunction }); panel.addControls([button]);
10. DragPan(鼠标拖动地图)
11. DrawFeature(在矢量图上画点、线、面)
var lines = new OpenLayers.Layer.Vector(&Lines&, {
styleMap: new OpenLayers.StyleMap({
pointRadius: 3,
strokeColor: &#ff3300&,
strokeWidth: 3,
fillOpacity: 0
var panel = new OpenLayers.Control.Panel({
displayClass: &olControlEditingToolbar&
var draw = new OpenLayers.Control.DrawFeature(
lines, OpenLayers.Handler.Path,
{displayClass: &olControlDrawFeaturePath&, title: &Draw Lines&}
panel.addControls([
new OpenLayers.Control.Navigation({title: &Navigate&}),
map.addControl(panel);
12. EditingToolbar(编辑工具条)
EditingToolbar包含4个控件:draw point、draw lines、draw polygon、pan navigation
构造函数 参数:layer(Openlayer.Layer.Vector)、options
var vector = new OpenLayers.Layer.Vector(&Editable Vectors&);
map.addLayer
正在加载中,请稍后...匿名用户不能发表回复!|
每天回帖即可获得10分可用分!小技巧:
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN,不得违反国家法律法规。
转载文章请注明出自“CSDN(www.csdn.net)”。如是商业用途请联系原作者。Access denied | openlayers.org used Cloudflare to restrict access
Please enable cookies.
What happened?
The owner of this website (openlayers.org) has banned your access based on your browser's signature (3c65ea0a44616e44-ua98).

我要回帖

更多关于 layer.full如何使用 的文章

 

随机推荐