这一篇文章，将讲述如何在H5里调起高德地图APP，并展示兴趣点。适合于展示某个餐馆，商场等，让用户自行选择前往方式。

场景一、在高德地图上展示Marker点或者POI标记

在一些基于位置分享的应用开发中，我们会在地图上标记marker点或者使用地图上的poi点，这时候如果能在高德地图客户端展示这个位置的话，用户就可以使用导航或者路线规划等功能前往指定地点，起到引导用户前往的作用，因此JSAPI提供的调起高德地图并显示点标记或者poi点的功能，以满足此类需求。

点标记位置展示

通常我们都使用Marker点来进行位置的标定，所以JSAPI在Marker类中提供了markOnAMAP的方法，这个方法接受一个JSON对象参数，参数对象包含position和name两个属性，调起之后将在高德地图客户端或者Web站点标记显示对应的Marker点，基于marker点的展示，用户可以接着使用周边搜索、路线规划和导航等功能。扫描右侧二维码，点击地图中见的marker点查看移动端调起来效果。

 

核心代码：

var marker = new AMap.Marker({        position:[116.473188,39.993253]    });    marker.markOnAMAP({        position: marker.getPosition(),        name:'首开广场'//name属性在移动端有效    })

 

全部源代码，可复制后直接使用：

    
         
         
                 
                     
     
    
     
        
              
      
       手机扫码打开demo
      
    
     

 

---------------------------------------------------------------------------------------------------------------

即日起至 2016/10/31 止，凡注册成为高德开发者的新用户，即可获赠 1 张阿里云优惠券，可享受最低 6 折购买阿里云产品。数量有限，发完即止。详情点击：