个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
<!DOCTYPE html>
<html>
<head>
<title>Image map types</title>
<style>
html, body, #map-canvas {
height: 100%;
margin: 0px;
padding: 0px
}
</style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<script>
var moonTypeOptions = {
getTileUrl: function(coord, zoom) {
var bound = Math.pow(2, zoom);
return 'full-out' +
'/' + zoom + '/' + coord.x + '/' +
(bound - coord.y - 1) + '.png';
},
tileSize: new google.maps.Size(256, 256),
maxZoom: 6,
minZoom: 1,
radius: 1738000,
name: 'Moon'
};
var moonMapType = new google.maps.ImageMapType(moonTypeOptions);
function initialize() {
var myLatlng = new google.maps.LatLng(0, 0);
var mapOptions = {
center: myLatlng,
zoom: 1,
streetViewControl: false,
mapTypeControlOptions: {
mapTypeIds: ['moon']
}
};
var map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
map.mapTypes.set('moon', moonMapType);
map.setMapTypeId('moon');
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: 'Hello World!'
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>
我有上面的代码来渲染 19 MB 的自定义大型 16834 * 16834 图像，使用 gdal2tiles 和 gdal_translate 将其分解为图 block 。简而言之，我拥有所有相应的瓷砖。上面的代码可以完美地渲染图像和不同的缩放级别。但是，当我添加标记时，它会以较低的缩放级别显示多次。我希望标记不要水平重复。
有什么办法可以避免水平重复标记？目前，我正在使用 Leaflet.js，它不会像 Google map 库那样水平重复标记。
我想使用 Google map ，因为它的稳定性和流行度。
我正在使用 Ubuntu 14.04 作为操作系统。
最佳答案
将标记的优化选项设置为false
关于javascript - ImageMapType 上的水平重复 Google map 标记，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24836258/
25
4
0
我正在使用 Google Maps JavaScript API 从图 block 服务器显示天气。磁贴服务器可在此处找到:http://mesonet.agron.iastate.edu/ogc/
Image map types html, body, #map-canvas { height: 100%; margin:
我一直在阅读和研究如何为叠加层设置动画。我还没有找到任何与我正在寻找的东西有关的东西。大多数情况下，它与标记有关。我有一个像这样应用的叠加层，效果很好。 tileNEX = new google.ma
我正在尝试复制在以下位置看到的行为: http://forevermore.net/articles/photo-zoom/ 它允许对照片进行平移和缩放，但将平移限制在照片的边界内。 上面的示例使用了
我已经实现了自定义 ImageMapType根据 getTileUrl() 的给定坐标和缩放级别返回有效的图 block URL。 new google.maps.ImageMapType({
在为 Google Maps API 创建 TileOverlay 时，我想访问托管在不同主机上的一些自定义 map 图 block ，这些主机需要用户/通行证。 这是我当前的 JavaScript
请注意: 这个问题与我在 stackoverflow 上找到的这个问题非常相似。 Google Maps v3 ImageMapType Prevent Wrapping 但是，上述问题和答案不适用于
如何将 Google map 中的 MapType 裁剪为任意多边形。例如，如果我有一个自定义 ImageMapType覆盖了很大的区域(即全世界)，但我只想在给定的多边形(即一个国家)内显示它。 有
我正在使用 Google Maps v3 API，并且我有一个基于 ImageMapType 类的自定义叠加层。我想在叠加层的图 block 加载时显示某种加载指示器，但我看不到任何方式来知道它们何时
我需要更新这段代码: radar_layer.getTileUrl=function(tile,zoom) { var llp = new GPoint(tile.x*256,(tile.y+
我是一名优秀的程序员,十分优秀！