ember-leaflet-google-tile-layer: 扩展ember-leaflet显示Google地图磁贴

需积分: 9 61 浏览量更新于2024-11-18 收藏 29KB ZIP 举报

资源摘要信息:"ember-leaflet-google-tile-layer:Google用于余烬传单的磁贴层" ember-leaflet-google-tile-layer是一个为ember.js框架设计的插件，它扩展了ember-leaflet库，目的是在使用ember-leaflet创建的Web应用中方便地展示Google Maps的切片图层。这个插件特别适用于需要使用Google地图样式，如道路地图、卫星地图等，但又不希望直接违反Google条款的场景。 ### 插件功能和特性 1. **添加{{google-tile-layer}}组件**：这个组件被添加到ember-leaflet中，允许开发者在ember-leaflet地图上集成Google Maps的切片图层。使用这个组件，开发者可以轻松地在地图上展示Google提供的各种地图样式。 2. **自动添加Google Maps脚本**：ember-leaflet-google-tile-layer插件会在页面的`<head>`部分自动添加Google Maps API的脚本，这简化了开发者的工作，因为通常需要手动添加此类脚本。 3. **遵循Google条款**：插件使用了一种方式，即通过包装Google Maps API并代理ember-leaflet输入，来避免直接违反Google的使用条款。它不会直接使用Google的切片图层，而是通过Google Maps API来实现类似的效果。 4. **性能合理**：虽然性能合理，但官方建议仅在确实需要Google地图样式时使用这个插件。 ### 使用方法在ember-leaflet地图组件中使用{{google-tile-layer}}组件时，可以按照以下方式配置： ``` {{#leaflet-map lat=51.512983 lng=-0.138289 zoom=12}} {{google-tile-layer type="ROADMAP" opacity=1}} {{/leaflet-map}} ``` 以上代码块展示了如何在ember-leaflet地图中嵌入Google Maps的道路地图图层。 ### 标签和关键词 1. **leaflet**：Leaflet是一个开源的JavaScript库，用于在Web浏览器中创建交互式的地图。 2. **ember-addon**：Ember.js的插件被称为addon，这个标签表明ember-leaflet-google-tile-layer是一个ember.js框架的插件。 3. **ember-leaflet**：这是一个ember.js框架的addon，允许开发者在ember.js应用中使用Leaflet地图库。 4. **Google-tiles**：指的是Google Maps的切片图层，这些图层可以被整合到其他Web应用中。 5. **JavaScript**：是ember-leaflet-google-tile-layer插件实现的基础技术语言。 ### 安装和文件结构插件的安装通常包括以下几个步骤： 1. 安装ember-leaflet-google-tile-layer npm包。 2. 将插件引入到ember.js应用中。 3. 在ember-leaflet地图组件中使用{{google-tile-layer}}组件。提供的压缩包子文件名称“ember-leaflet-google-tile-layer-master”表明这个插件的源代码文件位于一个名为“master”的主文件夹中，这通常意味着它是一个项目源代码仓库的主分支或主版本。 ### 结语 ember-leaflet-google-tile-layer插件为使用ember.js的开发者提供了一种高效、方便的方法来集成Google Maps样式到他们的Web应用中。尽管它避免了直接使用Google切片图层，但它能够通过代理Google Maps API来实现类似的功能，同时保持对Google条款的遵守。开发者可以在他们特定的项目需求中使用该插件，以便能够利用Google Maps的视觉效果和丰富的地图功能。

收起资源包目录

ember-leaflet-google-tile-layer:Google用于余烬传单的磁贴层（49个子文件）

module-for-acceptance.js 504B

.gitkeep 0B

.travis.yml 931B

.gitkeep 0B

google-tile-layer.js 87B

.gitkeep 0B

.bowerrc 60B

.watchmanconfig 37B

app.css 39B

.editorconfig 543B

robots.txt 51B

application.js 145B

application.hbs 227B

bower.json 464B

.gitignore 247B

ember-cli-build.js 526B

google-tile-layer.js 465B

.npmignore 141B

destroy-app.js 117B

test-helper.js 112B

google-tile-layer-test.js 2KB

environment.js 1KB

start-app.js 482B

LICENSE.md 1KB

environment.js 111B

crossdomain.xml 585B

.gitkeep 0B

testem.json 198B

.ember-cli 280B

index.html 1017B

resolver.js 255B

.gitkeep 0B

.jshintrc 831B

.jshintrc 518B

README.md 3KB

index.js 869B

index.html 614B

package.json 2KB

app.js 410B

ember-try.js 781B

Google.js 5KB

.gitkeep 0B

Google.js 5KB

.gitkeep 0B

router.js 197B

共 49 条

我是卖报的小砖家

粉丝: 27
资源: 4617

ember-leaflet-google-tile-layer: 扩展ember-leaflet显示Google地图磁贴

ember-cli-deploy-gcs-index: 将ember-cli项目部署到Google Cloud Storage的插件

Ember-cli-leaflet示例应用的快速指南

ember-cli-deploy-build插件：用于ember-cli应用的高效构建

ember-leaflet-marker-cluster:Ember Leaflet Addon添加对Leaflet Marker Cluster的支持

ember-leaflet-rotated-marker:扩展标记层以支持旋转

ember-leaflet-heatmap：Ember Leaflet Addon添加Heatmap.js支持

tfly-ember-leaflet:传单人插件

ember-leaflet：轻松和声明性地映射ember

ember-simple-leaflet-maps：使用传单库和mapbox的简单地图库，是为Super Rentals教程开发的

ember-paper-leaflet-example

最新资源