帮酷LOGO
  • 显示原文与译文双语对照的内容
文章标签:BIN  COM  BING  component  generic  Bing地图  disp  Yahoo  
Generic component for displaying Yahoo / Google / Bing maps.

  • 源代码名称:react-cartographer
  • 源代码网址:http://www.github.com/yahoo/react-cartographer
  • react-cartographer源代码文档
  • react-cartographer源代码下载
  • Git URL:
    git://www.github.com/yahoo/react-cartographer.git
  • Git Clone代码到本地:
    git clone http://www.github.com/yahoo/react-cartographer
  • Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/yahoo/react-cartographer
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
  • react logo

    反应器

    Greenkeeper badge

    npm versionBuild StatusDependency StatusdevDependency StatusCoverage Status

    使用( 雅虎,谷歌或者 Bing ) 作为提供程序来显示映射的通用组件。

    $ npm install --save react-cartographer

    链接

    特性

    • 提供( 地址,城市,州,国家) 或者( 纬度和经度) 位置的地图图像
    • 纬度和经度覆盖( 地址,城市,州,国家)
    • 灵活的图像尺寸,仅提供高度&宽度
    • static 缩放能力
    • 已经更新为响应 0.14
    • 使用 Yahoo/Google/Bing 作为提供程序的能力
    • 标记销
    • 所有地图提供者通过道具的背景图像选项

    用法

    var MapComponent =require('react-cartographer/lib/components/Map');

    利用谷歌地图的雅虎定位

    <MapComponent
     provider='google' providerKey='{your app key}' mapId='map' addressLine1='701 First Avenue' city='Sunnyvale' state='CA' country='United States' zoom={15}
     height={270}
     width={580}
     />

    使用雅虎地图的苹果定位

    <MapComponent
     provider='yahoo' providerKey='{your app id}' mapId='map' addressLine1='1 Infinite Loop' city='Cupertino' state='CA' country='United States' zoom={15}
     height={270}
     width={580}
     />

    使用bing的苹果定位地图

    <MapComponent
     provider='bing' providerKey='{your app id}' mapId='map' addressLine1='1 Infinite Loop' city='Cupertino' state='CA' country='United States' zoom={15}
     height={270}
     width={580}
     />

    使用谷歌( 纬度,经度)的Yahoo位置地图

    <MapComponent
     provider='google' providerKey='{your app key}' mapId='map' latitude={51.477222}
     longitude={0}
     zoom={15}
     height={270}
     width={580}
     />

    使用 yahoo ( 纬度,经度)的苹果位置地图

    <MapComponent
     provider='yahoo' providerKey='{your app id}' mapId='map' latitude={51.477222}
     longitude={0}
     zoom={15}
     height={270}
     width={580}
     />

    使用 bing ( 纬度,经度)的苹果位置地图

    <MapComponent
     provider='bing' providerKey='{your app id}' mapId='map' latitude={51.477222}
     longitude={0}
     zoom={15}
     height={270}
     width={580}
     />

    使用Bing贴图作为背景图像的示例( 纬度: 51.477 222,经度:0 )

    <MapComponent
     provider='bing' providerKey='{your app id}' mapId='bing' latitude={51.477222}
     longitude={0}
     zoom={15}
     height={270}
     useBackgroundImageStyle={true}/>

    插件开发

    //clone the repository
    $ git clone https://github.com/yahoo/react-cartographer.git
    $ cd react-cartographer
    //install the dependencies
    $ npm install
    //run the tests
    $ npm run test//runs demo example
    //localhost:8080
    $ npm run start

    顶级道具

    道具描述默认值
    providerKey提供者提供的提供者密钥( Yahoo 。Google或者 Bing )高度建议为跟踪目的,雅虎和谷歌允许没有提供商关键,但将限制每日请求。
    提供者提供者 (Yahoo/Google/Bing)yahoo
    mapId其他地图区分的贴图 ID地图
    addressLine1地址地址( 街道名和街道号)
    城市城市
    状态状态
    国家国家
    纬度纬度纬度位置
    经度经度经度位置
    高度地图高度270px
    宽度地图宽度580px
    缩放地图位置的缩放级别10
    useBackgroundImageStyle获取作为背景图像的地图false

    许可证

    这个软件可以在雅虎公司免费使用。 BSD许可证请参阅许可证文件许可证文本和版权信息。



    文章标签:COM  BIN  component  disp  generic  Yahoo  BING  Bing地图  

    Copyright © 2011 HelpLib All rights reserved.    知识分享协议 京ICP备05059198号-3  |  如果智培  |  酷兔英语