Rails 应用程序上的 Mapbox 点
mapbox points on a rails app
我想将mapbox合并到我的rails应用程序中。 目前,我有一个从数据库中提取的经纬度点列表。我能够从数据库中提取它们并将它们放在一个数组中,但我无法让它们在地图上显示。
我假设您正在使用 Mapbox.js API...如果你是...
你需要在你的网页上放一些javascript,这将列出要点。然后,可以通过在代码隐藏中调用方法来添加 long/lat。这样。。。。
<link href='//api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.css' rel='stylesheet' />
<script src='//api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.js'></script>
<style>
#map {
width: 100%;
height: 600px;
}
</style>
<div id='map' />
<script type='text/javascript'>
var map = L.mapbox.map('map', '[yourmapname]')
L.mapbox.markerLayer({
type: 'Feature',
geometry: {
type: 'MultiPoint',
coordinates: [ <%=getPins()%> ]
},
properties: {
title: ['A Pin'],
description: ['1234'],
}
}).addTo(map);
</script>
getPins() 在后面的代码中调用一个函数,该函数需要返回一个格式如下的字符串 - "[x,y],[x,y],[x,y]..."。因此,如果您已经有一个数组,那么只需使用该格式将其格式化为字符串 - 并返回它。
行"type: 'Multipoint'"表示 API 将读取您传回的字符串,并为每个字符串创建一个引脚。
相关文章:
- 使用javascript将视频从我的android应用程序上传到youtube
- 如何保护节点webkit应用程序上的字体
- 如何减少在移动网络应用程序上播放声音的延迟
- 如何在ExtJs4应用程序上为视图、存储和模型设置自定义文件夹名称
- Meteor应用程序上的警报/通知不会出现
- 如何获取模式引导程序上的值复选框
- 在Ionic应用程序上使用$.getScript加载谷歌地图Api
- 离子和角度:带标签的应用程序上的路线
- 在标记mapbox.js上添加自定义图标
- 无法在Chrome(打包)应用程序上检测到ESC按钮(全屏显示时)
- 一个Web应用程序上有两个Java脚本
- 从datetimepicker引导程序上点击的日期获取点击事件
- 角度UI路由器无法在chrome应用程序上运行
- 是否可以将 ASP.NET Web 应用程序上载到 VMware 上的虚拟 2008 服务器上
- 在单页应用程序上进行客户端路由的正确方法是什么
- 在 Birt 处理程序上使用 Javascript reportContext.setPersistentGlobalV
- 在移动应用程序上滚动iframe会在某个时刻跳到页面顶部
- window.open()在使用phone gap的iOS应用程序上不起作用
- Rails应用程序上的AJAX按钮
- Rails 应用程序上的 Mapbox 点