JSFiddle - React, Tailwind, and code Playground

by Alan Tsai

HTML

<script src="https://api.map.baidu.com/getscript?v=2.0&amp;ak=&amp;services=&amp;t=20161219171637"></script>
<div>
  <button id="btnClick">
    Get Address
  </button>
  <input type="text" />
  <div id="container"></div>
</div>

JavaScript

$(function() {
  $("#btnClick").click(function() {
    //var map = new BMap.Map("container");          // 創建地圖實例  
    var point = new BMap.Point(116.404, 39.915); // 創建點坐標  
    //map.centerAndZoom(point, 15);   

    var geoc = new BMap.Geocoder();

    geoc.getLocation(point, function(rs) {
      alert("abc");
      var addComp = rs.addressComponents;
      alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);
    });
  })
})