maps 相关问题

地图是区域的可视化表示 - 一种象征性描绘,突出显示该空间的元素(如对象,区域和主题)之间的关系。

我如何在SSIS包中使用这件JavaScript? 我需要像此JavaScript代码一样提取最大缩放级别,但是在SSIS软件包中,例如在脚本任务中。 但是我不知道该怎么做。 我如何将库作为网络

var map; var maxZoomService = new google.maps.MaxZoomService(); var tokyo = new google.maps.LatLng(35.6894875, 139.6917064); function initialize() { var mapOptions = { zoom: 11, center: tokyo, mapTypeId: google.maps.MapTypeId.HYBRID } map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); google.maps.event.addListener(map, 'click', showMaxZoom); } function showMaxZoom(e) { maxZoomService.getMaxZoomAtLatLng(e.latLng, function(response) { if (response.status != google.maps.MaxZoomStatus.OK) { alert("Error in MaxZoomService"); return; } else { alert("The maximum zoom at this location is: " + response.zoom); } map.setCenter(e.latLng); }); }

回答 2 投票 0

我如何在离线应用中使用离线地图

I可以使用SQLITE从.mbtiles文件中生成向量图块。然后,据我所知,我需要一个可以为我的应用程序的地图组件提供动态内容的Web服务器。这是重点,我怀疑我必须在离子应用程序之外进行,也许是通过nodejs。

回答 1 投票 0

我使用r中的

# Install the package from GitHub remotes::install_github("wmgeolab/rgeoboundaries") # Load necessary libraries library(rgeoboundaries) library(sf) # Fetch administrative level 0 boundaries mli_sen <- gb_adm0(c("Mali", "Senegal"), type = "sscgs")

回答 1 投票 0


google地图瓷砖不透明度

是否可以在Google Maps V3中设置瓷砖的不透明度? 我已经看到了覆盖层的完成,但我想使实际的地图瓷砖稍微透明。

回答 1 投票 0

合法的 TomTom Maven 存储库

任何人都可以建议 TomTom Maven 工件存储库的合法 URL 是什么吗? 寻找: sdk搜索 SDK路由 SDK位置 获取最新的合法工作版本。 在 Flut 的 settings.gradle 中...

回答 1 投票 0

改进 Openweathermap 的 Api 调用以获取 Leaflet 上的图块

我正在尝试向我的传单地图添加一个包含当前天气的图层。为此,我正在使用这个传单插件 https://github.com/buche/leaflet-openweathermap 使用此调用: https://瓷砖。

回答 1 投票 0

无法在我的 Android 应用程序中安装地图框,并从服务器收到状态代码 403:禁止

无法解析配置“:app:debugRuntimeClasspath”的所有文件。 无法解析 com.mapbox.navigator:mapbox-navigation-native:7.0.0。 要求者: 项目:应用程序> com.mapbox.mapboxsdk:

回答 3 投票 0

Google Maps API 是否可以提供交互式地图或可以放置图钉的大陆?

在我解释之前,这张地图应该在网页中看到。所以我们谈论的是网页/网络应用程序类型的视图(不是本机移动操作系统应用程序)或类似的东西。 所以我想知道是否...

回答 1 投票 0

如何使用 Android jetpack compose 禁用 MapBox Scale

任何人都知道如何禁用mapbox地图上的比例尺。我一直在尝试,但我就是无法理解它,而且似乎没有关于如何在他们的系统上做到这一点的文档...

回答 1 投票 0

带有react-leaflet 5.0.0-rc.1的Next.js 15.1.2:组件将无法加载。尝试过 StrictMode false、SSR 关闭、动态导入、“使用客户端”、leaflet.css

我发现,每当我包含 Leaflet CSS 文件时,无论我尝试什么,传单组件都无法加载。我还注意到一个奇怪的行为,当我删除

回答 1 投票 0

Google Maps API - 标记不适用于样式地图

我正在尝试创建带有样式和标记的地图。 样式化的地图工作正常,但标记未显示。 我做错了什么? 我尝试了很多在这里和 reddit 提交的解决方案,但没有一个

回答 1 投票 0

Google Maps JS API - GestureHandling:“贪婪”在 iOS 9 上无法正常工作

我正在编写一个移动应用程序,它在我的应用程序内部的 webView 中显示 Google 地图。就在几个月前,在运行 iOS 9.3.5 的测试 iPad 上,一切都完全按照预期运行。地图

回答 1 投票 0

R 贴图在 RStudio 绘图窗格中看起来很糟糕,但在导出时可以工作

我正在使用 R 中的 tmap 包来创建一系列等值线地图。当我遵循在线教程时,我知道最终的地图应该是什么样子。然而,当我尝试可视化地图时......

回答 1 投票 0

Android如何查找路径中的下一个POI

我有一个 Android 应用程序,其中包含应按特定顺序遵循的 POI 坐标列表。 显然,如果应用程序/GPS 在第一个之前打开,那就很容易了。但当...

回答 1 投票 0

类型错误:无法在颤动中读取未定义的属性(读取“地图”)

我正在开发一个超级克隆,但是当我在网络上运行该应用程序时,它不允许我在地图上看到位置,并且收到此错误,这有帮助! 在这里您还可以看到应用程序何时

回答 4 投票 0

如何用自己的数据绘制欧洲地图?

我想做一张欧洲地图,所以我尝试使用这段代码,但我真的不知道它是如何工作的。 #这是我的数据 欧洲<-structure(list(Code = c("BE", "BG", "CZ", &

回答 2 投票 0

Azure 地图 - 无法使用 sas 令牌获取两个位置之间的路线,但可以通过订阅密钥来获取

我可以使用天蓝色主订阅密钥在两个位置之间获取路由。然而,我们更喜欢使用 sas 令牌,它可以很好地加载地图、显示标记等。但...

回答 1 投票 0

r 小平面包裹图 ggplot

我在使用 geom_sf 和facet_wrap 时遇到问题。 下面是一个可重现的示例。当我使用“ct_sf1”时,我看不到第一个 geom_sf 的边界。 图书馆(dplyr) 库(ggplot2) 图书馆(SF) 图书馆(

回答 1 投票 0

加载纽约地图

我的纽约 d3 地图将无法加载。有人可以帮忙吗? 这是我的代码: 身体 { 字体:12px 无衬线; } 小路 { 圣...</desc> <question vote="1"> <p>我的纽约 d3 地图将无法加载。有人可以帮忙吗?</p> <p>这是我的代码:</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;meta charset=&#34;utf-8&#34;&gt; &lt;style&gt; body { font: 12px sans-serif; } path { stroke-width: 1.75px; stroke: #531b93; fill: #919191; cursor: pointer; } path:hover, path.highlighted { fill: #0096ff; } div.tooltip { position: absolute; background-color: white; border: 1px solid black; color: black; font-weight: bold; padding: 4px 8px; display: none; } &lt;/style&gt; &lt;body&gt; &lt;script src=&#34;http://d3js.org/d3.v3.min.js&#34;&gt;&lt;/script&gt; &lt;script&gt; //Map dimensions (in pixels) var width = 600, height = 600; //Map projection var projection = d3.geo.mercator() .scale(58722.369041340586) .center([-73.97768078496284,40.705833704252484]) //projection center .translate([width/2,height/2]) //translate to center the map in view //Generate paths based on projection var path = d3.geo.path() .projection(projection); //Create an SVG var svg = d3.select(&#34;body&#34;).append(&#34;svg&#34;) .attr(&#34;width&#34;, width) .attr(&#34;height&#34;, height); //Group for the map features var features = svg.append(&#34;g&#34;) .attr(&#34;class&#34;,&#34;features&#34;); //Create zoom/pan listener //Change [1,Infinity] to adjust the min/max zoom scale var zoom = d3.behavior.zoom() .scaleExtent([1, Infinity]) .on(&#34;zoom&#34;,zoomed); svg.call(zoom); //Create a tooltip, hidden at the start var tooltip = d3.select(&#34;body&#34;).append(&#34;div&#34;).attr(&#34;class&#34;,&#34;tooltip&#34;); d3.json(&#34;NYC_MapInfos.geojson&#34;,function(error,geodata) { if (error) return console.log(error); //unknown error, check the console //Create a path for each map feature in the data features.selectAll(&#34;path&#34;) .data(geodata.features) .enter() .append(&#34;path&#34;) .attr(&#34;d&#34;,path) .on(&#34;mouseover&#34;,showTooltip) .on(&#34;mousemove&#34;,moveTooltip) .on(&#34;mouseout&#34;,hideTooltip) .on(&#34;click&#34;,clicked); }); // Add optional onClick events for features here // d.properties contains the attributes (e.g. d.properties.name, d.properties.population) function clicked(d,i) { } //Update map on zoom/pan function zoomed() { features.attr(&#34;transform&#34;, &#34;translate(&#34; + zoom.translate() + &#34;)scale(&#34; + zoom.scale() + &#34;)&#34;) .selectAll(&#34;path&#34;).style(&#34;stroke-width&#34;, 1.75 / zoom.scale() + &#34;px&#34; ); } //Position of the tooltip relative to the cursor var tooltipOffset = {x: 5, y: -25}; //Create a tooltip, hidden at the start function showTooltip(d) { moveTooltip(); tooltip.style(&#34;display&#34;,&#34;block&#34;) .text(d.properties.PO_NAME); } //Move the tooltip to track the mouse function moveTooltip() { tooltip.style(&#34;top&#34;,(d3.event.pageY+tooltipOffset.y)+&#34;px&#34;) .style(&#34;left&#34;,(d3.event.pageX+tooltipOffset.x)+&#34;px&#34;); } //Create a tooltip, hidden at the start function hideTooltip() { tooltip.style(&#34;display&#34;,&#34;none&#34;); } &lt;/script&gt; </code></pre> <p>这是 geojson 文件: <a href="http://data.beta.nyc//dataset/3bf5fb73-edb5-4b05-bb29-7c95f4a727fc/resource/6df127b1-6d04-4bb7-b983-07402a2c3f90/download/f4129d9aa6dd4281bc98d0f701629b76nyczipcodetabulationareas.geojson" rel="nofollow">http://data.beta.nyc//dataset/3bf5fb73-edb5-4b05-bb29-7c95f4a727fc/resource/6df127b1-6d04-4bb7 -b983-07402a2c3f90/下载/f4129d9aa6dd4281bc98d0f701629b76nyczipcodetabulationareas.geojson</a></p> </question> <answer tick="true" vote="0"> <p>您可以尝试使用 <a href="https://github.com/gagan-bansal/geojson2svg" rel="nofollow noreferrer">geojson2svg</a> 模块使用 geojson 数据创建 SVG 地图。由于这只是简单的 JavaScript,因此您将拥有更多控制权。这是你的例子</p> <p>您的 html 页面 (index.html):</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;link rel=&#34;stylesheet&#34; href=&#34;./map.css&#34;/&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://cdnjs.cloudflare.com/ajax/libs/geojson2svg/1.0.3/geojson2svg.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://cdn.rawgit.com/geosquare/reproject-spherical-mercator/v0.1.3/dist/reproject-spherical-mercator.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://cdn.rawgit.com/geosquare/geojson-bbox/master/dist/geojson-bbox.min.js&#34;&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;h2&gt;Example of New York postal code map created with geojson2svg&lt;/h2&gt; &lt;div id=&#34;mapArea&#34; style=&#34;width:600px;height:600px;&#34;&gt; &lt;svg id=&#34;map&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; width=&#34;600&#34; height=&#34;600&#34; x=&#34;0&#34; y=&#34;0&#34; &gt; &lt;/svg&gt; &lt;div class=&#34;tooltip&#34; &gt;&lt;/div&gt; &lt;/div&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;./main.js&#34;&gt;&lt;/script&gt; &lt;/body&gt; </code></pre> <p>Javascript代码(main.js):</p> <pre><code>var dataURI = &#34;http://data.beta.nyc//dataset/3bf5fb73-edb5-4b05-bb29-7c95f4a727fc/resource/6df127b1-6d04-4bb7-b983-07402a2c3f90/download/f4129d9aa6dd4281bc98d0f701629b76nyczipcodetabulationareas.geojson&#34;; $.get(dataURI,drawGeoJSON); $(&#39;#map&#39;).on(&#39;mouseover&#39;,&#39;path&#39;,function(ev) { console.log(ev.target.feature.properties.postalCode); var tooltip = document.querySelector(&#39;.tooltip&#39;); tooltip.style.top = ev.pageY - 30; tooltip.style.left = ev.pageX + 5; tooltip.style.display = &#39;block&#39;; tooltip.innerHTML = ev.target.feature.properties.PO_NAME; }); $(&#39;#map&#39;).on(&#39;mouseout&#39;,&#39;path&#39;,function(ev) { var tooltip = document.querySelector(&#39;.tooltip&#39;); tooltip.style.display = &#39;none&#39;; }); function drawGeoJSON(geojson) { // covert wgs84 data to Web Mercator projection var geojsonMerc = reproject(geojson); // reproject: https://github.com/geosquare/reproject-spherical-mercator var extent = bbox(geojsonMerc); // bbox: https://github.com/geosquare/geojson-bbox var mapExtent = { left: extent[0], bottom: extent[1], right: extent[2], top: extent[3] }; var svgMap = document.getElementById(&#39;map&#39;); // geojson2svg: https://github.com/gagan-bansal/geojson2svg var convertor = geojson2svg( { viewportSize: {width:600,height:600}, mapExtent: mapExtent, attributes: { &#39;vector-effect&#39;:&#39;non-scaling-stroke&#39; }, explode: false } ); geojsonMerc.features.forEach(function(f) { var svgStr = convertor.convert(f,{attributes: {id: &#39;pc-&#39;+f.properties.OBJECTID}}); var svg = parseSVG(svgStr); svgMap.appendChild(parseSVG(svgStr)); var svgEle = svgMap.querySelector(&#39;#&#39; + &#39;pc-&#39;+f.properties.OBJECTID); svgEle.feature = f; }); } //parseSVG from http://stackoverflow.com/questions/3642035/jquerys-append-not-working-with-svg-element function parseSVG(s) { var div= document.createElementNS(&#39;http://www.w3.org/1999/xhtml&#39;, &#39;div&#39;); div.innerHTML= &#39;&lt;svg xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&#39;+s+&#39;&lt;/svg&gt;&#39;; var frag= document.createDocumentFragment(); while (div.firstChild.firstChild) frag.appendChild(div.firstChild.firstChild); return frag; } </code></pre> <p>和CSS(map.css):</p> <pre><code>body { font: 12px sans-serif; } path { stroke-width: 1px; stroke: #531b93; fill: #919191; cursor: pointer; } path:hover, path.highlighted { fill: #0096ff; } div.tooltip { position: absolute; background-color: white; border: 1px solid black; color: black; font-weight: bold; padding: 4px 8px; display: none; } </code></pre> <p>如需提前使用,请查看<a href="https://maps-on-blackboard.github.io/tag/geojson2svg/" rel="nofollow noreferrer">此博客</a></p> </answer> </body></html>

回答 0 投票 0

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.