小编Awe*_*ena的帖子

样式/删除谷歌地图街道方向箭头

您如何设置或完全删除Google地图道路方向箭头?

这是我的样式数组:

styles:[
                {
                    "featureType": "all",
                    "elementType": "all",
                    "stylers": [
                        {
                            "visibility": "simplified"
                        }
                    ]
                },
                {
                    "featureType": "all",
                    "elementType": "labels",
                    "stylers": [
                        {
                            "visibility": "on"
                        },
                        {
                            "lightness": "-20"
                        }
                    ]
                },
                {
                    "featureType": "all",
                    "elementType": "labels.text",
                    "stylers": [
                        {
                            "weight": "0.38"
                        }
                    ]
                },
                {
                    "featureType": "all",
                    "elementType": "labels.text.fill",
                    "stylers": [
                        {
                            "saturation": 36
                        },
                        {
                            "color": "#b2a77f"
                        },
                        {
                            "lightness": 40
                        }
                    ]
                },
                {
                    "featureType": "all",
                    "elementType": "labels.text.stroke",
                    "stylers": [
                        {
                            "visibility": "on"
                        },
                        {
                            "color": …
Run Code Online (Sandbox Code Playgroud)

google-maps google-maps-api-3

19
推荐指数
3
解决办法
4961
查看次数

css - 使用游标精灵

.fancybox-inner {
overflow: hidden;
background-color:#EEE;
cursor: //url to an independent cursor image
 }
Run Code Online (Sandbox Code Playgroud)

但是如果我的游标(3)都在一个css精灵图像中,我怎么能引用游标属性的背景位置,宽度,高度值.

就像是

cursor .fancybox-inner OR .fancybox-inner:hover cursor{
background: url(../img/cursors.png) no-repeat;
background-position: -32px 0;
width: 16px;
height: 16px;
 }
Run Code Online (Sandbox Code Playgroud)

css css-sprites

7
推荐指数
1
解决办法
1155
查看次数

谷歌地图 - 刮刮KML /提取叠加数据(坐标)

我想了解如何从谷歌地图叠加层中抓取/提取KML数据.

过去几个月我一直在努力,没有成功.我确实尝试使用fiddler我的控制台开发人员工具来查看网站的源代码.我经历了几乎每一行Javascript,我仍然无法弄清楚如何拦截KML数据或从这些地图中提取它(见下文).

目标地图

这是一个由一个卫星足迹组成的叠加层.
在这里,你可以找到类似的地图更多例子.

我甚至不确定这是否可能以及如何实现.
有没有人能够做类似的任务?我需要有关如何实现这一目标的指导.

感谢您的时间.

gis google-maps overlay kml google-maps-api-3

5
推荐指数
1
解决办法
1378
查看次数

Twig / PHP-使用Replace或Regex格式化字符串

如何在Twigg中格式化字符串:

例如 img = 05myphoto-Car.jpg

我需要删除数字前缀,而-
我主要是用它来根据图像的文件名输出图像的标题

到目前为止,我已经尝试过此操作(来自“文档”)

{{ img |replace({'.jpg': "", '-' : " "}) }}
Run Code Online (Sandbox Code Playgroud)

输出字符串

05myphoto Car
Run Code Online (Sandbox Code Playgroud)

我也试过 {{ replace({'range(0, 9)': ""}) }} // for numeric prefix - did not work

期望的输出

`Myphoto Car`
Run Code Online (Sandbox Code Playgroud)

谢谢

php regex twig

4
推荐指数
2
解决办法
2万
查看次数

CSS - 即使页面滚动时中心弹出窗口也在中间

我试图在屏幕中间设置一个弹出式div,它不适用于所有场景.

我有一个列表,其中列表示每日小时和行无线电频道,所以我们假设在当前视口中只有10个无线电频道可以适合,每当用户点击一个频道时,弹出窗口会显示一些信息.

到目前为止一切都很好,弹出窗口按照我的要求居中,但如果我向下滚动例如通道(行)20-30等...然后单击,弹出窗口不会出现在屏幕中央但正好在它的上方先做了......

我觉得总是向上滚动以查看信息很烦人,是否有办法修复此div以始终显示在屏幕中间而不管滚动(行位置)?

这是Div css:

#DescriptionDiv{
    display: none;
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50%;
    padding: 16px;
    border: 3px solid orange;
    background-color: white;
    z-index:1002;
    overflow: auto;
}


#TableWrapper{
     width : 900px;
     height: 600px;
} // the Parent Div of the listing



<div id="TableWrapper" >
    <div id="DescriptionDiv">
        <span id="DescClose"><i class="fa fa-times"></i></span>
        <h6 id="DesTitle"></h6>
        <span id="Time"></span>
        <div id="Desc"></div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

谢谢

css

3
推荐指数
1
解决办法
6744
查看次数

防止键盘关闭

我正在努力解决这个问题.我正在构建我的第一个Hello World!android(cordova)应用程序,需要键盘始终显示并避免隐藏它,就像用户单击后退按钮或任何其他输入时一样.
为什么?基本上我的HTML中没有任何输入元素来触发焦点并显示键盘,它是用户执行某些命令的"终端模拟器".
键盘根本没有显示所以我去了,我添加了以下内容:

安装了Ionic Keyboard插件

cordova plugin add https://github.com/driftyco/ionic-plugins-keyboard.git
Run Code Online (Sandbox Code Playgroud)

添加了config.xml的权限

 <feature name="Keyboard">
    <param name="android-package" value="com.ionic.keyboard.IonicKeyboard" />
    <param name="onload" value="true" />
</feature>
Run Code Online (Sandbox Code Playgroud)

在我的App模块中,以下行:

var myApp = angular.module('myApp', ['ionic']);

myApp.run(function($ionicPlatform) {
    $ionicPlatform.ready(function() {

        if(window.cordova && window.cordova.plugins.Keyboard) {
            window.cordova.plugins.Keyboard.show(); // Show Keyboard on startup

// and here Trigger a show keyboard when hidden
            window.addEventListener('native.hidekeyboard', keyboardHideHandler); 

            function keyboardHideHandler(e){
                window.cordova.plugins.Keyboard.show();
            }

        }
    });
});
Run Code Online (Sandbox Code Playgroud)

现在,上面的实现工作,但我不认为这样处理它是优雅的,我不喜欢键盘关闭然后再次弹出的感觉.

  • 除了Ionic键盘的插件之外还有其他方法来配置我的Android应用程序以便始终显示键盘吗?
  • 这是使用Cordova/Ionic框架的正确方法吗?

希望我走在正确的轨道上.任何提示都将受到赞赏.

谢谢

截图

在此输入图像描述

javascript android cordova ionic-framework

3
推荐指数
1
解决办法
7892
查看次数

Chrome:Webview没有调整大小

我正在测试<webview>Chrome中的元素并且我已经阅读了文档,但我无法弄清楚为什么Webview在父窗口时没有调整大小.

INDEX.HTML

<body>
<webview  src="http://website.com" style="width:1010px; height:700px" minwidth="1010" minheight="700" autosize="on""></webview>

<script src="index.js"></script>
Run Code Online (Sandbox Code Playgroud)

background.js

chrome.app.runtime.onLaunched.addListener(function() {
chrome.app.window.create('index.html', {
'bounds': {
  'width': 1010,
  'height': 700
 }});});
Run Code Online (Sandbox Code Playgroud)

Index.js

$(function() {
function resizeWebView() {
    $('webview').get(0).width = $(window).width();
    $('webview').get(0).height = $(window).height();
}
$(window).resize(resizeWebView);
resizeWebView();
});
Run Code Online (Sandbox Code Playgroud)

我也尝试删除autosize=on推荐但不起作用.另一个问题是如何禁用主窗口(Embedder)来调整大小.谢谢

google-chrome-extension google-chrome-app

2
推荐指数
1
解决办法
2769
查看次数