小编Mar*_*ack的帖子

如何更改 Google Maps JS API 中地图和卫星按钮的位置?

我想将这个简单示例谷歌地图代码左上角的卫星地图按钮移动到右上角,但我不知道该怎么做。

你可以帮帮我吗?

网页

<h3>My Google Maps Demo</h3>
<div id="map"></div>
<!-- Replace the value of the key parameter with your own API key. -->
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&callback=initMap"></script>
Run Code Online (Sandbox Code Playgroud)

js

var map;
function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: -34.397, lng: 150.644},
    zoom: 8
  });
}
Run Code Online (Sandbox Code Playgroud)

CSS(非必须)

#map {
  height: 100%;
}
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
Run Code Online (Sandbox Code Playgroud)

html javascript css google-maps

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

来自linter的goconst警告

我正在使用Atom来开发我的Go应用程序.Atom中的Linter正在报告一个奇怪的警告,我不知道这是一个什么问题.我是否应该永远忽略警告,还是我可以实施另一种方法?

我有一个像这样的路线,在文件"app.go":

a.Router.HandleFunc("/login", a.PageLogin)
a.Router.HandleFunc("/register", a.PageRegister)
a.Router.HandleFunc("/event/add", a.PageEventCreate)
Run Code Online (Sandbox Code Playgroud)

在我的"routes_pages.go"文件中,我有这样定义的func:

func (a *App) PageEventCreate(w http.ResponseWriter, r *http.Request) {

    switch r.Method {
        case "GET":
            // Serve the resource.
        case "POST":
            // Create a new record.
        case "PUT":
            // Update an existing record.
        case "DELETE":
            // Remove the record.
        default:
            // Give an error message.
    }

}



func (a *App) PageLogin(res http.ResponseWriter, req *http.Request) {
        switch r.Method {
            case "GET":
                // Serve the resource.
            case "POST":
                // Create a new record.
            case "PUT": …
Run Code Online (Sandbox Code Playgroud)

go linter

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

Fabric JS:缩放时捕捉指南位置不正确

对于我的Fabric.js项目:我正在尝试设置对象捕捉和对齐指南。对于捕捉,这意味着当用户拖动对象时,如果该对象的任何边缘接近与另一个对象边缘对齐,它将捕捉到位。在此期间,指南将作为用户的视觉助手出现。

到目前为止,我正在实现由各个 Fabric.js 贡献者完成的现有工作,可以在此处找到:

centering_guidelines.jsaligning_guidelines.js


有效:在默认缩放 (1) 下,对象捕捉和对齐指南效果非常好!

失败:缩放(放大或缩小)时,视觉指南出现在错误的位置,但是捕捉保持了正确的功能。


代码示例:移动对象。在默认缩放下,捕捉和参考线效果很好。更改缩放级别(使用鼠标滚轮)并注意指南的位置不正确,但捕捉效果很好。

示例 1:简单

原始库按原样加载;简单的演示。

https://codepen.io/MarsAndBack/pen/ZEQMXoM

示例 2:详细

原始库内联复制粘贴,并进行修改以帮助调查。

https://codepen.io/MarsAndBack/pen/LYGJGoq

注意:Codepen 有完整代码。

// ==========================================
// SETUP
// ==========================================

const canvas = new fabric.Canvas("myCanvas")
canvas.backgroundColor = "#222222";
var lastClientX = 0
var lastClientY = 0
var state = "default"
const outer = null
const box1 = null
const box2 = null
this.centerLine_horizontal = ""
this.centerLine_vertical = ""
this.alignmentLines_horizontal = ""
this.alignmentLines_vertical = ""

fabric.Object.prototype.set({
  cornerSize: …
Run Code Online (Sandbox Code Playgroud)

html5-canvas fabricjs

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

Composer 2.0.8 问题包版本已弃用

使用 PHP 7.2

- Installing composer/package-versions-deprecated (1.8.0): Extracting archive                                                                                                                                                               
Plugin initialization failed (include(/home/vagrant/.../vendor/composer/package-versions-deprecated/src/PackageVersions/Installer.php): failed to open stream: No such file or directory), uninstalling plugin                          
  - Removing composer/package-versions-deprecated (1.8.0)                                                                                                                                                                                     
    Install of composer/package-versions-deprecated failed                                                                                                                                                                                    
                                                                                                                                                                                                                                              
                                                                                                                                                                                                                                              
  [RuntimeException]                                                                                                                                                                                                                          
  Could not delete /home/vagrant/.../vendor/composer/package-versions-deprecated/src:
Run Code Online (Sandbox Code Playgroud)

我正在使用 laravel homestead 并看到这一点,但无法弄清楚问题是什么。我已经多次删除并添加了 laravel 宅基地框,以便从头开始。但是,每次我在全新安装后都会遇到此问题。它也没有在 composer.json 中列出。

{
    "name": "laravel/laravel",
    "description": "The Laravel Framework.",
    "keywords": [
        "framework",
        "laravel"
    ],
    "license": "MIT",
    "type": "project",
    "require": {
        "php": "^7.2",
        "ext-json": "*",
        "arcanedev/log-viewer": "^5.1",
        "asvae/laravel-api-tester": "^2.0",
        "aws/aws-sdk-php": "^3.101",
        "bepsvpt/secure-headers": "^5.3",
        "beyondcode/laravel-websockets": "^1.8",
        "doctrine/annotations": "^1.6",
        "doctrine/couchdb": …
Run Code Online (Sandbox Code Playgroud)

php virtualbox vagrant laravel homestead

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

如何防止.NET运行时中的静态变量共享?

我正在开发一个使用类似Robocode编程模型的游戏(C#):参与者继承基类并添加战略行为.然后游戏加载参与者类的实例并开始竞争.不幸的是,参与者可以通过在竞争对手类的实例之间共享静态变量来"欺骗".

如何防止.NET语言中的Class实例之间的静态变量共享?我知道这是通过每个实例使用一个单独的ClassLoader在Java中完成的.什么是.NET等价物?

提前致谢...

关于解决方案的注意事项:我的测试表明,单独的AppDomains仅在加载扩展MarshalByRefObject的类时才起作用.我想这是有道理的 - 如果您只是加载Serializable类,则将Class复制到当前AppDomain中,以便来自不同AppDomain的第二个对象将共享其静态变量.MarshalByRefObject保证只有代理加载到当前的AppDomain中,并且静态加载AppDomain中的静态.另见:http://blogs.msdn.com/ericlippert/archive/2004/05/27/143203.aspx

.net c# multithreading

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

如何正确使用 Nuxt 2.12 中新的 fetch() 钩子进行 SSR?

我将 Nuxt 更新到最新版本,因为他们引入了新的fetch()钩子。在我的项目中,我从 Prismic 检索数据。之前,我使用的是asyncData(),但是在导航时,需要一些时间才能渲染页面asyncData()(这就是它的工作原理)。

理想的解决方案是在该特定页面上导航,并在检索数据时显示加载动画。新的fetch()钩子看起来很合适,因为它暴露了$fetchState.pending以便检查操作的状态。

现在,代码(我正在从商店的类别中检索子类别):

        data(){
            return{
                docs: []
            }
        },

        async fetch() {
            try{
                const res = await this.$prismic.api.query(this.$prismic.predicates.at('my.category.uid', this.$route.params.sub))
                const el = res.results[0]
                const query = await this.$prismic.api.query([this.$prismic.predicates.at('document.type','sub-category'), this.$prismic.predicates.at('my.sub-category.category', el.id)], { orderings: '[my.sub-category.position, my.sub-category.title]' })
                this.docs = query.results
            }   
            catch (e) {
                console.log(e)
            }
        }
Run Code Online (Sandbox Code Playgroud)

这至少在客户端有效。这对于正确的 SSR 有效吗?我的意思是,在asyncData()(在服务器端调用)中,this是不可访问的,data(). asyncData()如果这是正确的解决方案,那么再使用又有什么用fetch()呢?

fetch vue.js server-side-rendering nuxt.js

0
推荐指数
1
解决办法
8105
查看次数

单击锚链接时平滑滚动

我正在开发一个 WordPress 网站,一位客户找到我。他要求锚点链接的所有滚动速度都匹配。

如果您访问此处的主页: https: //www.lakeshoresup.com/,然后单击“让冒险开始”下的“了解更多”。页面可以很好地向下滚动到下一部分。

现在,如果我点击产品中星星旁边的撰写评论 ( https://www.lakeshoresup.com/product/pathfinder/ ),它就会立即跳到底部。客户想要第一个链接的滚动。

首先,如何更改滚动速度?

其次,它会起作用吗?这些评论来自名为 Yotpo 的第三方。是否可以更改从第三方软件嵌入的此链接的滚动速度?

html javascript css wordpress

0
推荐指数
1
解决办法
2387
查看次数