相关疑难解决方法(0)

单张自定义坐标图像

我有一个大小为8576x8576px的图像,我想让坐标与1:1匹配.另外我想要图像中心的坐标0,0(现在中心是-128,128).而且我也希望显示坐标.我想为用户插入坐标放置一个locate按钮,然后在地图上找到它们.像这样的东西:http://xero-hurtworld.com/map_steam.php (我使用相同的图像,但更大).瓷砖尺寸我的268px.

我的代码到目前为止:

https://jsfiddle.net/ze62dte0/

<!DOCTYPE html>
<html>
  <head>
    <title>Map</title>
    <meta charset="utf-8"/>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css" />
    <!--[if lte IE 8]>
    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.ie.css" />
    <![endif]-->
    <script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js" charset="utf-8"></script>
    <script>
      function init() {
        var mapMinZoom = 0;
        var mapMaxZoom = 3;
        var map = L.map('map', {
          maxZoom: mapMaxZoom,
          minZoom: mapMinZoom,
          crs: L.CRS.Simple
        }).setView([0, 0], mapMaxZoom);



    window.latLngToPixels = function(latlng){
    return window.map.project([latlng.lat,latlng.lng], window.map.getMaxZoom());
    };
    window.pixelsToLatLng = function(x,y){
    return window.map.unproject([x,y], window.map.getMaxZoom());
    };

        var mapBounds = new L.LatLngBounds(
            map.unproject([0, …

Run Code Online (Sandbox Code Playgroud)

javascript dictionary leaflet

Rog*_*rHN

lucky-day

4
推荐指数

1
解决办法

2643
查看次数