小编dun*_*can的帖子

Google地图自定义标签x和y位置

我正在尝试调整自定义标签的x和y位置.这可能吗?到目前为止,我还没有找到任何有关此问题的文档.

numberMarkerImg = {
    url: '../images/mobile/map-marker.png',
    size: new google.maps.Size(32, 38),
    scaledSize: new google.maps.Size(32, 38)
};

// Letter markers
marker = new google.maps.Marker({
    position : point,
    map      : map,
    icon     : numberMarkerImg,
    draggable: false,
    labelClass: "labels",
    label: {
        text: saved_label,
        color: 'black',
        fontSize: '12px',
        x: '200',
        y: '100'
    }
});
Run Code Online (Sandbox Code Playgroud)

google-maps google-maps-api-3 google-maps-markers

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

Chrome上的Google Auth API Javascript idpiframe初始化错误

我使用GSuite,我正在编写一个非常简单的Web应用程序来使用Google Auth API,我得到一个例外"idpiframe_initialization_failed".

现在我有谷歌示例中显示的确切HTML:https: //developers.google.com/api-client-library/javascript/samples/samples

1)我在Google Developer Console上创建了一个项目

2)我设置了OAUTH授权屏幕

3)我已经创建了客户端ID,创建了限制和重定向URL

4)我还创建了API KEY

5)最后我启用了People API,因为在设置discoveryDocs参数时发现服务失败了

通过所有这些步骤,当我调用gapi.client.init时,它仅在chrome中引发异常,我无法理解为什么.

初始化API的代码是:

    gapi.client.init({
        apiKey: 'MY_API_KEY',
        discoveryDocs: ["https://people.googleapis.com/$discovery/rest?version=v1"],
        clientId: 'MY_CLIENT_ID.apps.googleusercontent.com',
        scope: 'profile'
    }).then(function (response) {
      // Listen for sign-in state changes.
      gapi.auth2.getAuthInstance().isSignedIn.listen(updateSigninStatus);

      // Handle the initial sign-in state.
      updateSigninStatus(gapi.auth2.getAuthInstance().isSignedIn.get());
    },function(reason){
        console.log('onerror');
        console.log(reason);
      // Listen for sign-in state changes.
      gapi.auth2.getAuthInstance().isSignedIn.listen(updateSigninStatus);

      // Handle the initial sign-in state.
      updateSigninStatus(gapi.auth2.getAuthInstance().isSignedIn.get());
Run Code Online (Sandbox Code Playgroud)

代码正在运行错误块,消息是:

details: "Failed to read the 'localStorage' property from 'Window': Access is denied for this …
Run Code Online (Sandbox Code Playgroud)

javascript google-chrome google-api-java-client google-api-client

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

Google地图在没有弹出窗口的情况下嵌入网站

我正在使用以下代码将Google地图嵌入到我的页面中:

http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Chicago+IL&z=15&iwloc=A&output=embed
Run Code Online (Sandbox Code Playgroud)

这样可以正常工作,但是当它加载它时会自动打开一个带有地址和获取方向等的框.无论如何加载它还没有弹出窗口加载吗?

google-maps google-maps-embed

18
推荐指数
1
解决办法
1万
查看次数

使用jQuery在Google地图上的两点之间画一条线?

如何使用jQuery或Javascript在Google地图API中绘制两点(纬度和经度)之间的线?我需要两点之间的最短路径.它可以是任何类型的线.

javascript jquery google-maps google-maps-api-3

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

api或web Laravel 5.3

我有一个问题对你来说可能听起来很傻,所以请原谅我.

我不确定何时使用routes/api.php文件.

如果我想从带有ajax的数据表中删除记录,我是否需要创建一个单独的控制器并将路径放在api.php中,或者我可以使用我用于其他所有的相同控制器并将路由放在web.php中?

laravel-5 laravel-5.3

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

Swift 3.0:数据到JSON [String:Any]

晚上,我正在尝试创建一个APIClient,但是我遇到了一个警告问题: APIClient.swift:53:81: Cast from 'Data' to unrelated type '[String : Any]' always fails

在这段代码中,我试图将Data转换为JSON作为字典[String : Any].

我猜编译器无法知道这个演员是否可能,所以它会抛出错误,但我很确定它会起作用.那么我该如何避免这种警告或者如何编写更安全的代码呢?

case 200:
         do {
            let json = try JSONSerialization.data(withJSONObject: data!, options: []) as? [String : Any]
            completion(json, HTTPResponse, nil)
         } catch let error {
             completion(nil, HTTPResponse, error)
         }
Run Code Online (Sandbox Code Playgroud)

networking json nsdata swift

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

MarkerWithLabel标签中心对齐

我在Google Maps API v3中使用了MarkerWithLabel扩展.我想将图片下方的标签设置为居中对齐.有一个LabelAnchor属性设置标签的位置,我也使用CSS labelClass,如下所示:

var myMarker = new MarkerWithLabel(
{
    position: latlng,
    draggable: false,
    raiseOnDrag: false,
    map: map,
    labelContent: "my text",
    labelAnchor: new google.maps.Point(25, 0), //(25, 27),
    labelClass: "my_label", // the CSS class for the label
    labelStyle: {opacity: 0.8},
    icon: image,
    labelInBackground: true,
    labelVisible: true,
    clickable: true,
    zIndex: 11
});

.my_label 
{
    color: black;
    background-color: beige;
    font-family: "Lucida Grande", "Arial", sans-serif;
    font-size: 10px;
    text-align: center;
    width: auto;     
    white-space: nowrap;
    padding: 4px;
    border: 1px solid grey;
    border-radius:3px;   
    box-shadow: 2px 2px …
Run Code Online (Sandbox Code Playgroud)

center alignment google-maps-api-3

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

Google Maps API v3 - 标记全部共享相同的InfoWindow

我一直在四处挖掘,我似乎无法弄清楚这一点.这让我疯狂!我一般都是javascript的新手,所以我不能完全理解可以解决我的问题的翻译.我注意到很多人都有这个问题,但他们似乎都使用比我更高级(或者只是令人困惑)的代码.无论如何,这里有!

我一直遇到的问题是我的所有标记共享相同的内容.

function initialize() {
var myOptions = {
    center: new google.maps.LatLng(34.151271, -118.449537),
    zoom: 9,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    mapTypeControl: false,
    streetViewControl: false,
    panControl: false,
    zoomControl: true,
    zoomControlOptions: { style: google.maps.ZoomControlStyle.SMALL },
};

var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

setMarkers(map, clubs);

}

var clubs = [
['Poop', 34.223868, -118.601575, 'Dookie'],
['Test Poop', 34.151271, -118.449537, 'Test Business']
];

function setMarkers(map, locations) {
var image = new google.maps.MarkerImage('images/image.png',
    new google.maps.Size(25, 32),
    new google.maps.Point(0,0),
    new google.maps.Point(0, 32)
);
var shape = {
coord: [1, 1, …
Run Code Online (Sandbox Code Playgroud)

javascript google-maps infowindow google-maps-api-3 google-maps-markers

11
推荐指数
1
解决办法
5574
查看次数

如何获取Google Map Api v3密钥?

我正在尝试获取Google Maps API v3密钥.我阅读了很多关于Google Map API V3的教程,但是当转到Google API控制台和服务时,我没有得到这个API.但是,Google Map javascript API V3就在那里,但它提供的客户端ID不是API密钥.

在此输入图像描述

请指导我怎样才能得到它?

google-maps-api-3

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

MarkerCluster V3停止正常工作

我正在使用来自github的MarkerCluster_compiled.js.但是当逻辑工作时,它的图形从昨天开始失败.

该问题似乎是由" https://google-maps-utility-library-v3.googlecode.com/svn "返回404 引起的,并且所有群集标记图像都依赖于此网址.(这个谷歌地图v3 svn网址仍然在谷歌的公共领域)

在我看来,这个特殊的"404"的影响并非微不足道,因为我看到人们的现场网站已经受到影响.我很惊讶这个问题可能发生在谷歌身上.

例如:github.io上的marker-clusterer的advanced_example不再有效(由于声誉不佳,我无法发布链接).

期待看到Google修复此问题或任何其他建议.

google-maps markerclusterer

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