easyui dialog 中打开地图

首先：使用href属性，加载html页面，页面中地图打开失败。

经过测试，如果easyui dialog的地址属性用href超链接，easyui 不会加载整个url页面，只会截取url目标页的body体间的html。

easyui官网上关于href属性的说明是：

属性href，类型string，一个URL，用它加载远程数据并且显示咋面板（panel）里。请注意，除非面板（panel）打开，否则内容不会被加载。这对创建一个惰性加载的面板（panel）很有用。

然后:使用content属性，地图打开成功。

top.$("<div/>").dialog({
title: '位置',
iconCls: 'icon-search',
width: 1100,
height: 600,
modal: true,
content:"<iframe scrolling='auto' frameborder='0' src='Location.htm' style='width:100%; height:100%; display:block;'></iframe>",
queryParams: {
value: value
},
onClose: function () {
$(this).dialog('destroy');
}

})

easyui dialog 中打开地图相关推荐

在微信小程序中打开地图选择位置功能
在微信小程序中打开地图选择位置功能前言首先查看效果一.准备工作 1-1. **下载小程序地理定位** ,[qqmap-wx-jssdk.js](https://lbs.qq.com/miniPr ...
easyui dialog 中嵌入html页面
最近使用easyui比较多,这个插件确实很好用.在使用时也遇到了大大小小的问题,好在都一一解决了. 记录一下今天遇到的问题. 目的:用easyui的dialog嵌入一个html页面(html中仍有要执 ...
easyui框架中关于dialog自带关闭事件的使用
easyui是一个开源的第三方控件库,虽然使用比较方便,但其中有些事件和样式会与其他的控件或者框架形成冲突. 今天谈一下easyui 中dialog这个控件(对话框) easyui dialog一般在 ...
uniapp 微信小程序地图，在高德app、腾讯app、百度app、苹果地图app 中打开
一.效果: 点击图片一后,会跳转到图片二页面(无需自己写图片二页面,小程序会自动打开此页面) PS:示例图中(坐标)为"天安门".( <map> 可添加多个坐标点 ) ...
如何在SuperMap中打开谷歌卫星地图
一.准备工作安装水经注万能地图下载器,如果没有安装本软件,可以百度"水经注软件"到官方网站下载. 安装SuperMap,版本可以是SuperMap GIS系列软件,这里Super ...
如何在GlobalMapper中打开谷歌卫星地图
一.什么是Global Mapper Global Mapper 是一款地图绘制软件,不仅能够将数据(如谷歌地球高程数据)显示为光栅地图.高程地图.矢量地图,还可以对地图作编辑.转换.打印.记录GPS ...
如何在Global Mapper中打开谷歌卫星地图
一.准备工作安装水经注万能地图下载器,如果没有安装本软件,可以百度"水经注软件"到官方网站下载. 安装Global Mapper,版本可以是11.12.13.14.15或16,这 ...
如何在 ESRI ArcMap 中打开谷歌卫星地图
原文转载:http://www.arceyes.com/bbs/thread-18222-1-1.html 准备工作: 安装水经注谷歌卫星地图下载器,如果你没有安装本软件,可以百度"水经注软 ...
uni-app 中实现位置授权以及打开地图选择位置功能
最近在项目中遇到一个要用户授权位置且可以用户自己选择位置的功能,看起来好像很难,其实并不难,我在网上看了一些优秀博主的博客,只要跟着步骤一步步来就能实现,下面是我在实现该功能后做的一次总结,希望能帮到 ...

easyui dialog 中打开地图

easyui dialog 中打开地图相关推荐

最新文章

热门文章