Seo*_*hwa 5 icons r angle rotation leaflet
我正在学习使用传单包在 R 中编程。我想给图标一个角度,并尝试使用以下代码:
m <- leaflet()
m <- addTiles(m,urlTemplate = "http://xdworld.vworld.kr:8080/2d/Base/201310/{z}/{x}/{y}.png")
m = m %>% setView(127.074167,34.456806, zoom = 9)
arrowIcon <- makeIcon(
iconUrl = "arrow.png"
,iconWidth = 100, iconHeight = 100
,iconAnchorX = 25, iconAnchorY =25
)
arrowIcon <- makeIcon(
iconUrl = "ARROW_B2.png"
,iconWidth = 100, iconHeight = 100
,iconAnchorX = 25, iconAnchorY = 25
)
offset = 0.00 # zoom 10-> 0.03, 9->0.06, 8 -> 0.12, 7 -> 0.24
m_lat = 34.45 + offset
m_lon = 127.07 - offset
m <- addMarkers(m, lng=m_lon, lat= m_lat
, options = c( markerOptions(), iconAngle= 0)
,icon= arrowIcon)
m <- addCircles(m, lng=127.07, lat=34.45 , weight = 10,radius = 100)
m
Run Code Online (Sandbox Code Playgroud)
但是,它不起作用。
这是我让它工作的唯一方法。您想使用 RotatedMarker 插件,可在此处获得。要将这个插件与 R 一起使用,我按照此处的说明进行操作。
有两件事要注意,我似乎无法弄清楚:
当它存储在本地时,我似乎无法找到该图标 - 它需要可通过 URL 访问。如果你能解决这个问题,请告诉我。
您需要下载 javascript 文件并将其保存在本地。在下面的示例中,我将它放在与我的 R 脚本相同的目录中。从理论上讲,您应该能够通过 URL 加载它,但这不起作用。如果你能解决这个问题,请告诉我。
所以这是工作代码:
library(htmltools)
library(htmlwidgets)
library(leaflet)
# this is taken from: https://gist.github.com/jcheng5/c084a59717f18e947a17955007dc5f92
rotatedMarker <- htmlDependency(
"Leaflet.rotatedMarker",
"0.1.2",
src = normalizePath("."),
script = "leaflet.rotatedMarker.js"
)
# this is taken from: https://gist.github.com/jcheng5/c084a59717f18e947a17955007dc5f92
registerPlugin <- function(map, plugin) {
map$dependencies <- c(map$dependencies, list(plugin))
map
}
leaflet() %>%
addTiles(urlTemplate = "http://xdworld.vworld.kr:8080/2d/Base/201310/{z}/{x}/{y}.png") %>%
setView(127.074167,34.456806, zoom = 9) %>%
registerPlugin(rotatedMarker) %>%
onRender("function(el, x) {
var planeIcon = L.icon({iconUrl: 'https://raw.githubusercontent.com/bbecquet/Leaflet.PolylineDecorator/master/example/icon_plane.png', iconAnchor: [16, 16]});
var pathPattern = L.marker([34.45, 127.07], {icon: planeIcon, rotationAngle: 90}).addTo(this);
}") %>%
addCircles(lng = 127.07, lat = 34.45, weight = 10, radius = 100)
Run Code Online (Sandbox Code Playgroud)
请注意,我已将平面图标旋转了 90 度。