标签: vue2leaflet

传单所有可用平铺层的列表

我似乎在任何地方都找不到这个 - 有开放街道地图的示例，以及使用 mapbox 的提示，但除此之外我想知道还有哪些其他地图和网址可用？

leaflet vue2leaflet

Mla*_*vic

lucky-day

15
推荐指数

2
解决办法

4万
查看次数

如何动态着色 vue2 传单标记？

我有一个google-maps_pin.svg代表 google-maps pin的文件。

我想根据类别（餐厅、美术馆等）动态地为不同的标记（使用 v-for 生成）着色。

有没有办法用 vue2 传单来实现？

这是我的地图：

<l-map 
  style="z-index: 0" 
  ref="mapRef" 
  :zoom="zoom" 
  :center="center" 
  @update:zoom="zoomUpdated" 
  @update:center="centerUpdated"
  @update:bounds="boundsUpdated">
  <l-tile-layer :url="url"></l-tile-layer>
  <l-marker 
      v-for="(markedLocation, index) in marker" 
      :key="'marker-' + index" 
      :lat-lng="markedLocation.location" 
      :icon-url="require('@/assets/googlemaps_markers/google-maps_pin.svg')">
  </l-marker>
</l-map>

Run Code Online (Sandbox Code Playgroud)

我想赋予单个引脚的颜色存储在markedLocation.info.category.color变量中。

javascript leaflet vue.js vue2leaflet

And*_*eth

2021 02-21

4
推荐指数

1
解决办法

2682
查看次数

使用 Vue / Nuxt 删除传单归属？

我已经看到一些关于如何删除右下角的传单属性的帖子。传单的创建者似乎对此没有任何问题，因此为了节省空间，我想删除我的传单。Here is a thread on it，但遗憾的是没有与 Vue 相关的答案。 https://gis.stackexchange.com/questions/192088/how-to-remove-attribution-in-leaflet

我正在使用 nuxt，但如果它针对 Vue，我将非常感谢帮助。l-tile-layer 有一个 attribute-prop ，它确实可以帮助我添加属性，但是删除它让我意识到属性似乎连接到 l-map 组件，因为它在没有图块层的情况下可见。

TLDR：我想删除“传单”

建议？

leaflet vue.js nuxt.js vue2leaflet

Tho*_*ald

2021 05-20

4
推荐指数

1
解决办法

1523
查看次数

反转 L:CRS 的 Y 轴。Vue2-Leaflet 上的简单地图

我正在使用 Vue2-Leaflet 的 L.CRS.Simple 开发地图应用程序，并且我想反转地图的 y 轴，如Leaflet 文档中所述。我在这里发现了一个类似的问题，看来我的问题是相同的，所以我的问题是：如何集成反转 y 轴但使用 vue2-leaflet 包的相同解决方案？

这是我的代码：

<template>
<body>
  <div>
    <li v-for="(message, index) in messageList" :item="message" :key="index">
      {{ message }}
    </li>
  </div>
  <l-map class="map" ref="map" :min-zoom="minZoom" :crs="crs">
    <l-tile-layer :url="url"></l-tile-layer>
    <!-- <l-image-overlay :url="url" :bounds="bounds" /> -->
    <l-grid-layer class="grid" :tile-component="tileComponent"></l-grid-layer>
    <l-marker v-for="star in stars" :key="star.id" :lat-lng="star">
      <l-icon
        :icon-size="[25, 25]"
        icon-url="https://image.flaticon.com/icons/png/512/304/304378.png"
      ></l-icon>
      <!-- <l-icon :icon-size="[32, 37]" icon-url="/images/star.png"></l-icon> -->
      <l-popup class="popup">
        <em class="popup-bold">Name: </em>{{ star.name }}<br>
        <em class="popup-bold">Longitud: </em>{{ star.lng }}<br>
        <em class="popup-bold">Latitud: …

Run Code Online (Sandbox Code Playgroud)

javascript r leaflet vue.js vue2leaflet

Ari*_*ubí

lucky-day

1
推荐指数

1
解决办法

1766
查看次数