原创 Object數據轉化爲Map對象

使用request的getParameterMap(),將前段ajax傳遞的Object數據轉化爲Map對象 import java.util.HashMap; import java.util.Iterator; import ja

原创 圖片文字居中

<a><img src="images/icon-position.png" />定位</a> //css樣式 <style> a{ line-height: 20px; } a img{ vertical-align

原创 當ol.source.Cluster遇到map.forEachFeatureAtPixel時

一、知識儲備 1、vector layer的添加,請參考openlayers的vector-layer.html, http://openlayers.org/en/latest/examples/vector-layer.html?

原创 css構建shape

文章目錄squarerectanglecircleovaltriangle-uptriangle-downtriangle-lefttriangle-toplefttriangle-toprighttriangle-bottomle

原创 CSS:margin遇上inline,各瀏覽器的反映

1、inline 元素默認垂直對齊方式爲以父元素的baseline,但是展示時又是以bottomline爲對齊方式,因此造成了元素之間的間隙。 2、例子 <div style="position: fixed; top: 10px

原创 面向對象之JavaScript

文章目錄一、何爲對象二、創建函數1、最基本、常用的方法構建2、工廠模式3、構造函數模式,4、原型模式5、構造函數+原型模式三、對象繼承1、原型鏈2、構造函數和原型組合3、寄生組合式繼承四、總結 一、何爲對象 ECMA-262 把對象定

原创 OpenLayers源碼閱讀(三):ImageWMS及ImageArcGISRest

前提:需要理解常見的地圖服務WMS、WMTS、WFS等,針對本文,主要理解WMS服務及其GetCapabilities、GetMap、GetFeatureInfo操作即可。 說明:本文重點關注ol.source.Image部分 1

原创 OpenLayers源碼閱讀(三):ol.source.Image下的ImageWMS及ImageArcGISRest

前提:需要理解常見的地圖服務WMS、WMTS、WFS等,針對本文,主要理解WMS服務及其GetCapabilities、GetMap、GetFeatureInfo操作即可。 說明:本文重點關注ol.source.Image部分 1

原创 瓦片檢索小項目總結

0 目錄 0 目錄 1、項目框架 2、瓦片 3、瓦片地圖的加載 4、地理範圍、瓦片行列號、像素的計算 4.1 經緯度與米的換算 4.2 像素與經緯度/米的換算 4.3 地理範圍與瓦片行列號的計算 5、收穫 1、項目框架 前端

原创 點線面拓撲關係

目錄 目錄 一、基礎知識 1.1 點線面的關係 1.2 點線面的內部、邊界、外部 1.3 8大拓撲關係 二、四交模型 2.1 前提: 2.2 定義 2.3 四元組值對應的拓撲關係 2.4 問題 三. 九交模型 3.1 空間目標限定

原创 OpenLayers源碼閱讀(二):體系結構

回顧上講,ol以初始屬性定義、對象繼承等方法的定義實現開始。因此,在閱讀後續源碼的之前,需要對ol中所涉及到的對象有一個整體上的把握。 1、從ol.Object開始,向上、向下追溯,則構成了如下圖的網絡圖 其中, Map(父類