map.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <title>Baidu Maps</title>
  6. <style>
  7. html {
  8. height: 100%
  9. }
  10. body {
  11. height: 100%;
  12. margin: 0;
  13. padding: 0;
  14. background-color: #FFF
  15. }
  16. </style>
  17. <script charset="utf-8" src="//api.map.baidu.com/api?v=1.3"></script>
  18. <script>
  19. var map, geocoder;
  20. function initialize() {
  21. map = new BMap.Map('map_canvas');
  22. var point = new BMap.Point(114.025974, 22.546054);
  23. map.centerAndZoom(point, 11);
  24. map.addControl(new BMap.NavigationControl());
  25. map.enableScrollWheelZoom();
  26. var gc = new BMap.Geocoder();
  27. gc.getLocation(point, function (rs) {
  28. var addComp = rs.addressComponents;
  29. var address = [addComp.city].join('');
  30. parent.document.getElementById("kindeditor_plugin_map_address").value = address;
  31. });
  32. }
  33. function search(address) {
  34. if (!map) return;
  35. var local = new BMap.LocalSearch(map, {
  36. renderOptions: {
  37. map: map,
  38. autoViewport: true,
  39. selectFirstResult: false
  40. }
  41. });
  42. local.search(address);
  43. }
  44. </script>
  45. </head>
  46. <body onload="initialize();">
  47. <div id="map_canvas" style="width:100%; height:100%"></div>
  48. </body>
  49. </html>