ElemeFE / react-amap

基于 React 封装的高德地图组件。AMap Component Based On React.
https://elemefe.github.io/react-amap/articles/start
MIT License
1.04k stars 151 forks source link

调用高德手机客户端 #22

Closed tongliwei123 closed 7 years ago

tongliwei123 commented 7 years ago

您好,我不知道怎么在咱们的插件中使用调用高德客户端的方法,您能指导一下么

ioslh commented 7 years ago

你好,高德地图提供了接口,可以在不同的实例中都可以调起高德地图客户端; 比如:点击地图,点击标记点,位置搜索等等;请问你需求是在什么操作后调起客户端?

以地图为例,假如需求是点击地图后调起客户端的代码示例:

const map = null;
const amapEvents = {
      created(m) {
        map = m;
      },
      click(e) {
        if (map) {
         map.poiOnAMAP({
            id: 'B000A7BD6C',
            location: e.lnglat
          })
        }
      }
};

/* JSX */
<Map zoom={8} events={amapEvents}>

上述代码中用到的poiOnAMAP方法在 Map 类的高德官方文档中有说明

另外,JavaScript API在Marker、Map、PlaceSearch、Driving、Transfer、Walking这些类中提供了调起高德地图的方法,参考这些类相应的高德文档。

希望能帮到你。

tongliwei123 commented 7 years ago

谢谢您啊

发件人: ioslh 答复: ElemeFE/react-amap 日期: 2017年5月27日 星期六 上午12:46 至: ElemeFE/react-amap 抄送: wuhuihui, Author 主题: Re: [ElemeFE/react-amap] 调用高德手机客户端 (#22)

你好,高德地图提供了接口,可以在不同的实例中都可以调起高德地图客户端; 比如:点击地图,点击标记点,位置搜索等等;请问你需求是在什么操作后调起客户端?

以地图为例,假如需求是点击地图后调起客户端的代码示例:

const map = null; const amapEvents = { created(m) { map = m; }, click(e) { if (map) { map.poiOnAMAP({ id: 'B000A7BD6C', location: e.lnglat }) } } };

/ JSX /

上述代码中用到的poiOnAMAP方法在 Map 类的高德官方文档中有说明http://lbs.amap.com/api/javascript-api/reference/map/

另外,JavaScript API在Marker、Map、PlaceSearch、Driving、Transfer、Walking这些类中提供了调起高德地图的方法http://lbs.amap.com/api/javascript-api/guide/function/callapp,参考这些类相应的高德文档。

希望能帮到你。

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHubhttps://github.com/ElemeFE/react-amap/issues/22#issuecomment-304331690, or mute the threadhttps://github.com/notifications/unsubscribe-auth/AXGAAgHgydi_5ZlucSYqTOjbAl6jNz0qks5r9wHRgaJpZM4NmUZy.

ioslh commented 7 years ago

有什么疑问或者建议欢迎继续回复