JavaScript @mapbox/batfish/modules/prefix-url prefixUrl示例

示例#1

文件： plugins.js 项目： seatgeek/mapbox-gl-js

 {entries(plugins).map(([title, plugins], i) =>
     <div key={i} className="space-bottom">
         <a href={prefixUrl(`/plugins/#${slug(title)}`)} className='dark-link block small truncate'>{title}</a>
         {entries(plugins).map(([name], i) =>
             <a key={i} href={prefixUrl(`/plugins/#${slug(name)}`)} className='block small truncate'>{name}</a>
         )}
     </div>

示例#2

文件： urls.js 项目： Scarysize/mapbox-gl-js

function url(ext, options) {
    if (options && options.local && process.env.DEPLOY_ENV === 'local') {
        return prefixUrl(`/dist/mapbox-gl.${ext}`);
    } else {
        return `https://api.tiles.mapbox.com/mapbox-gl-js/v${version}/mapbox-gl.${ext}`;
    }
}

示例#3

文件： plugins.js 项目： seatgeek/mapbox-gl-js

 {entries(plugins).map(([name, plugin], i) =>
     <div key={i} className='space-bottom1 keyline-all pad2 fill-white'>
         <a id={slug(name)}/>
         <h3><a href={plugin.website}>{name}</a></h3>
         { plugin.example && <a
             className="small quiet rcon"
             href={prefixUrl(`/example/${plugin.example}`)}>view example</a> }
         <p>{ plugin.description }</p>
     </div>

示例#4

文件： plugins.js 项目： seatgeek/mapbox-gl-js

 {entries(plugins).map(([name], i) =>
     <a key={i} href={prefixUrl(`/plugins/#${slug(name)}`)} className='block small truncate'>{name}</a>

示例#5

文件： example.js 项目： seatgeek/mapbox-gl-js

 .map(({pathname, title}, i) =>
     <a key={i} href={prefixUrl(pathname)}
         className={`block small truncate ${title === frontMatter.title && 'active'}`}>{title}</a>

示例#6

文件： heatmap.js 项目： Scarysize/mapbox-gl-js

import Redirect from '../../components/redirect';
import {prefixUrl} from '@mapbox/batfish/modules/prefix-url';
export default Redirect(prefixUrl('/example/heatmap-layer/'));