标签: geomap

如何更改LeafletJS中的默认加载图块颜色？

默认情况下,当leafletJS加载地图时,背景图块都是灰色的.我想将该颜色更改为黑色(或任何其他任意颜色).我该怎么做呢？

javascript css maps geomap leaflet

thi*_*ami

lucky-day

21
推荐指数

1
解决办法

1万
查看次数

google.load导致空dom /屏幕

我正在尝试异步添加谷歌可视化,但我遇到了问题.我把它缩小到google.load导致问题.当google.load部分js运行时,我得到一个空屏幕/ dom.任何人都知道我做错了什么.

我也试过使用google.setOnLoadCallback,我得到了相同的结果.

任何帮助都会很棒

Google Visualization API - 德国的Geomap地区

在发布新的geomap软件包版本后,我似乎在使用geomap进行德国地区时遇到了问题.在升级之前,一切似乎都很好.问题是,如果我试图展示DE-BE(柏林)和DE-BB(勃兰登堡)地区 - 柏林地区没有显示.如果我删除DE-BB区域,或者用其他任何德国区域替换它,例如,DE-BY(拜仁)它可以正常工作!

请在下面找到测试代码:

google.load('visualization', '1.1', {packages: ['geomap']});

function drawVisualization() {
      var data = new google.visualization.DataTable();
      data.addRows(2);
      data.addColumn('string', 'Country');
      data.addColumn('number', 'Popularity');
      data.setValue(0, 0, 'DE-BE');
      data.setValue(0, 1, 200);
      data.setValue(1, 0, 'DE-BB');
      data.setValue(1, 1, 300);

      var geochart = new google.visualization.GeoMap(document.getElementById('visualization'));

      var options = {};
      options['dataMode'] = 'regions';
      options['region'] = 'DE';

      geochart.draw(data, options);
    }

google.setOnLoadCallback(drawVisualization);

Run Code Online (Sandbox Code Playgroud)

你能否向我提供可能出错的任何支持或想法？是否可以包含旧版本的geomap软件包进行测试？

javascript visualization google-visualization geomap

Mic*_*hal

2011 05-26

10
推荐指数

1
解决办法

4176
查看次数

如何在折线地理中增加鼠标悬停"命中区域"

我想在鼠标悬停/鼠标移动时在折线路径上显示和隐藏工具提示,问题是我的折线路径仅有2个笔划宽度,因此在鼠标悬停事件中不容易击中该区域,这对于它来说肯定不方便用户体验.

我想知道是否有办法使用任意宽度使命中区域更宽,但对用户不可见？

我的代码片段如下

path = new google.maps.Polyline(plotOptions);

        path.setMap(that.map);

        this.polyPathArray.push(path);

        google.maps.event.addListener(path, 'mouseover', (function(index) {

            return function(polyMouseevent) {
                $(".table>tbody>tr>td").removeClass('highlight');
                $(".table>tbody>tr").eq(index).find("td").addClass('highlight');

                var latlngVal = '';
                if(polyMouseevent) {
                    latlngVal = polyMouseevent.latLng;
                } else {
                    //calculate a random position on a polyline

                }

                that.infowindows[index].setPosition(latlngVal);
                that.infowindows[index].open(that.map);
            };
        })(i));

Run Code Online (Sandbox Code Playgroud)

任何帮助,将不胜感激 :)

javascript geocode geomap google-polyline

Shi*_*noj

2015 03-18

9
推荐指数

1
解决办法

914
查看次数

我应该向 grafana geomap 提供什么类型的数据？

这是grafana 地理地图。它从普罗米修斯获取数据。我配置了世界地图的类型，但它不起作用。我应该向 grafana 地理地图提供什么数据类型？

geomap grafana

tom*_*ika

2021 10-26

6
推荐指数

1
解决办法

1413
查看次数

Mapbox.js 不适用于 Angular.js

我一直在尝试在 angularjs 中使用 mapbox.js 地理地图。

地图：http : //bl.ocks.org/wboykinm/c77e7c891bfc52157843#index.html

JSON 数据：http : //bl.ocks.org/wboykinm/raw/c77e7c891bfc52157843/42d7ab5d1a432a88e905bf14705424ac40ba4480/saplaces.geojson

当我尝试在 angularjs 中使用该代码时，页面上看不到任何内容。只是空的。

<!DOCTYPE html>
<html lang="en-us">
<head>
<title>Learn and Understand AngularJS</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta charset="UTF-8">
<!-- load Jquery Style -->

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css">

<!-- load bootstrap and fontawesome via CDN -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />

<link href='https://api.tiles.mapbox.com/mapbox.js/v1.6.3/mapbox.css' rel='stylesheet' />
<link href='//api.tiles.mapbox.com/mapbox.js/plugins/leaflet-markercluster/v0.4.0/MarkerCluster.css' rel='stylesheet' />
<link href='//api.tiles.mapbox.com/mapbox.js/plugins/leaflet-markercluster/v0.4.0/MarkerCluster.Default.css' rel='stylesheet' />

 <style>
    body {
        padding: 0;
        margin: 0;
    }
    html, body, #map {
        height: 100%;
    }
</style>


<!-- …

Run Code Online (Sandbox Code Playgroud)

geomap angularjs leaflet mapbox

use*_*556

lucky-day

4
推荐指数

1
解决办法

2870
查看次数