Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=gd0GyxGUxSCoAbmdyQBhyhrZ"></script>
    <script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>
    <title>GCJ-02 conversion to Baidu coordinates</title>
</head>
<body>
  <div class="wrapper">
    <div id="google-map"></div>
    <button onclick="geoFindMe()">Show my location</button>
    <div id="baidu-map"></div>
  </div>
</body>
</html>
 
html,
body {
  height: 100%;
  margin: 0
}
.wrapper {
  display: flex;  /* use the flex model */
  min-height: 100%;
  flex-direction: column;  /* learn more: http://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/ */
}
#google-map {
  height: 370px;
}
#baidu-map {
  flex: 1;
  border: 1px solid orange;
  font-family: "微软雅黑";
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
dandvpro
0viewers