高德坐标/百度地图获取经纬度
<html lang="en" style=""> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="http://www.jq22.com/demo/mapgr201804080005/css/mapgrid.css"> <style> input { width: 300px; height: 40px; margin: 10px; } </style> <script src="http://api.map.baidu.com/api?v=2.0&ak=v22uaSd5zGqvQbBIAvnAM89LjcgYcdkd&callback=initialize"></script> <style type="text/css"> .BMap_mask { background: transparent url(http://api0.map.bdimg.com/images/blank.gif); } .BMap_noscreen { display: none; } .BMap_button { cursor: pointer; } .BMap_zoomer { background-image: url(http://api0.map.bdimg.com/images/mapctrls1d3.gif); background-repeat: no-repeat; overflow: hidden; font-size: 1px; position: absolute; width: 7px; height: 7px; } .BMap_stdMpCtrl div { position: absolute; } .BMap_stdMpPan { width: 44px; height: 44px; overflow: hidden; background: url(http://api0.map.bdimg.com/images/mapctrls2d0.png) no-repeat; } .BMap_ie6 .BMap_stdMpPan { background: none; } .BMap_ie6 .BMap_smcbg { left: 0; width: 44px; height: 464px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://api0.map.bdimg.com/images/mapctrls2d0.png"); } .BMap_ie6 .BMap_stdMpPanBg { z-index: -1; } .BMap_stdMpPan .BMap_button { height: 15px; width: 15px; } .BMap_panN, .BMap_panW, .BMap_panE, .BMap_panS { overflow: hidden; } .BMap_panN { left: 14px; top: 0; } .BMap_panW { left: 1px; top: 12px; } .BMap_panE { left: 27px; top: 12px; } .BMap_panS { left: 14px; top: 25px; } .BMap_stdMpZoom { top: 45px; overflow: hidden; } .BMap_stdMpZoom .BMap_button { width: 22px; height: 21px; left: 12px; overflow: hidden; background-image: url(http://api0.map.bdimg.com/images/mapctrls2d0.png); background-repeat: no-repeat; z-index: 10; } .BMap_ie6 .BMap_stdMpZoom .BMap_button { background: none; } .BMap_stdMpZoomIn { background-position: 0 -221px; } .BMap_stdMpZoomOut { background-position: 0 -265px; } .BMap_ie6 .BMap_stdMpZoomIn div { left: 0; top: -221px; } .BMap_ie6 .BMap_stdMpZoomOut div { left: 0; top: -265px; } .BMap_stdMpType4 .BMap_stdMpZoom .BMap_button { left: 0; overflow: hidden; background: -webkit-gradient(linear,50% 0,50% 100%,from(rgba(255,255,255,0.85)),to(rgba(217,217,217,0.85))); z-index: 10; -webkit-border-radius: 22px; width: 34px; height: 34px; border: 1px solid rgba(255,255,255,0.5); -webkit-box-shadow: 0 2px 3.6px #CCC; display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; -webkit-box-sizing: border-box; } .BMap_stdMpType4 .BMap_smcbg { position: static; background: url(http://api0.map.bdimg.com/images/mapctrls2d0_mb.png) 0 0 no-repeat; -webkit-background-size: 24px 32px; } .BMap_stdMpType4 .BMap_stdMpZoomIn { background-position: 0 0; } .BMap_stdMpType4 .BMap_stdMpZoomIn .BMap_smcbg { width: 24px; height: 24px; background-position: 0 0; } .BMap_stdMpType4 .BMap_stdMpZoomOut { background-position: 0 0; } .BMap_stdMpType4 .BMap_stdMpZoomOut .BMap_smcbg { width: 24px; height: 6px; background-position: 0 -25px; } .BMap_stdMpSlider { width: 37px; top: 18px; } .BMap_stdMpSliderBgTop { left: 18px; width: 10px; overflow: hidden; background: url(http://api0.map.bdimg.com/images/mapctrls2d0.png) no-repeat -23px -226px; } .BMap_stdMpSliderBgBot { left: 19px; height: 8px; width: 10px; top: 124px; overflow: hidden; background: url(http://api0.map.bdimg.com/images/mapctrls2d0.png) no-repeat -33px bottom; } .BMap_ie6 .BMap_stdMpSliderBgTop, .BMap_ie6 .BMap_stdMpSliderBgBot { background: none; } .BMap_ie6 .BMap_stdMpSliderBgTop div { left: -23px; top: -226px; } .BMap_ie6 .BMap_stdMpSliderBgBot div { left: -33px; bottom: 0; } .BMap_stdMpSliderMask { height: 100%; width: 24px; left: 10px; cursor: pointer; } .BMap_stdMpSliderBar { height: 11px; width: 19px; left: 13px; top: 80px; overflow: hidden; background: url(http://api0.map.bdimg.com/images/mapctrls2d0.png) no-repeat 0 -309px; } .BMap_stdMpSliderBar.h { background: url(http://api0.map.bdimg.com/images/mapctrls2d0.png) no-repeat 0 -320px; } .BMap_ie6 .BMap_stdMpSliderBar, .BMap_ie6 .BMap_stdMpSliderBar.h { background: none; } .BMap_ie6 .BMap_stdMpSliderBar div { top: -309px; } .BMap_ie6 .BMap_stdMpSliderBar.h div { top: -320px; } .BMap_zlSt, .BMap_zlCity, .BMap_zlProv, .BMap_zlCountry { position: absolute; left: 34px; height: 21px; width: 28px; background-image: url(http://api0.map.bdimg.com/images/mapctrls2d0.png); background-repeat: no-repeat; font-size: 0; cursor: pointer; } .BMap_ie6 .BMap_zlSt, .BMap_ie6 .BMap_zlCity, .BMap_ie6 .BMap_zlProv, .BMap_ie6 .BMap_zlCountry { background: none; overflow: hidden; } .BMap_zlHolder { display: none; position: absolute; top: 0; } .BMap_zlHolder.hvr { display: block; } .BMap_zlSt { background-position: 0 -380px; top: 21px; } .BMap_zlCity { background-position: 0 -401px; top: 52px; } .BMap_zlProv { background-position: 0 -422px; top: 76px; } .BMap_zlCountry { background-position: 0 -443px; top: 100px; } .BMap_ie6 .BMap_zlSt div { top: -380px; } .BMap_ie6 .BMap_zlCity div { top: -401px; } .BMap_ie6 .BMap_zlProv div { top: -422px; } .BMap_ie6 .BMap_zlCountry div { top: -443px; } .BMap_stdMpType1 .BMap_stdMpSlider, .BMap_stdMpType2 .BMap_stdMpSlider, .BMap_stdMpType3 .BMap_stdMpSlider, .BMap_stdMpType4 .BMap_stdMpSlider, .BMap_stdMpType2 .BMap_stdMpZoom, .BMap_stdMpType3 .BMap_stdMpPan, .BMap_stdMpType4 .BMap_stdMpPan { display: none; } .BMap_stdMpType3 .BMap_stdMpZoom { top: 0; } .BMap_stdMpType4 .BMap_stdMpZoom { top: 0; } .BMap_cpyCtrl a { font-size: 11px; color: #7979CC; } .BMap_scaleCtrl { height: 23px; overflow: hidden; } .BMap_scaleCtrl div.BMap_scaleTxt { font-size: 11px; font-family: Arial,sans-serif; } .BMap_scaleCtrl div { position: absolute; overflow: hidden; } .BMap_scaleHBar img, .BMap_scaleLBar img, .BMap_scaleRBar img { position: absolute; width: 37px; height: 442px; left: 0; } .BMap_scaleHBar { width: 100%; height: 5px; font-size: 0; bottom: 0; } .BMap_scaleHBar img { top: -437px; width: 100%; } .BMap_scaleLBar, .BMap_scaleRBar { width: 3px; height: 9px; bottom: 0; font-size: 0; z-index: 1; } .BMap_scaleLBar img { top: -427px; left: 0; } .BMap_scaleRBar img { top: -427px; left: -5px; } .BMap_scaleLBar { left: 0; } .BMap_scaleRBar { right: 0; } .BMap_scaleTxt { text-align: center; width: 100%; cursor: default; line-height: 18px; } .BMap_omCtrl { background-color: #fff; overflow: hidden; } .BMap_omOutFrame { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .BMap_omInnFrame { position: absolute; border: 1px solid #999; background-color: #ccc; overflow: hidden; } .BMap_omMapContainer { position: absolute; overflow: hidden; width: 100%; height: 100%; left: 0; top: 0; } .BMap_omViewMv { border-width: 1px; border-style: solid; border-left-color: #84b0df; border-top-color: #adcff4; border-right-color: #274b8b; border-bottom-color: #274b8b; position: absolute; z-index: 600; } .BMap_omViewInnFrame { border: 1px solid #3e6bb8; } .BMap_omViewMask { width: 1000px; height: 1000px; position: absolute; left: 0; top: 0; background-color: #68c; opacity: .2; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); } .BMap_omBtn { height: 13px; width: 13px; position: absolute; cursor: pointer; overflow: hidden; background: url(http://api0.map.bdimg.com/images/mapctrls1d3.gif) no-repeat; z-index: 1210; } .anchorBR .BMap_omOutFrame { border-top: 1px solid #999; border-left: 1px solid #999; } .quad4 .BMap_omBtn { background-position: -26px -27px; } .quad4 .BMap_omBtn.hover { background-position: 0 -27px; } .quad4 .BMap_omBtn.BMap_omBtnClosed { background-position: -39px -27px; } .quad4 .BMap_omBtn.BMap_omBtnClosed.hover { background-position: -13px -27px; } .anchorTR .BMap_omOutFrame { border-bottom: 1px solid #999; border-left: 1px solid #999; } .quad1 .BMap_omBtn { background-position: -39px -41px; } .quad1 .BMap_omBtn.hover { background-position: -13px -41px; } .quad1 .BMap_omBtn.BMap_omBtnClosed { background-position: -26px -41px; } .quad1 .BMap_omBtn.BMap_omBtnClosed.hover { background-position: 0 -41px; } .anchorBL .BMap_omOutFrame { border-top: 1px solid #999; border-right: 1px solid #999; } .quad3 .BMap_omBtn { background-position: -27px -40px; } .quad3 .BMap_omBtn.hover { background-position: -1px -40px; } .quad3 .BMap_omBtn.BMap_omBtnClosed { background-position: -40px -40px; } .quad3 .BMap_omBtn.BMap_omBtnClosed.hover { background-position: -14px -40px; } .anchorTL .BMap_omOutFrame { border-bottom: 1px solid #999; border-right: 1px solid #999; } .quad2 .BMap_omBtn { background-position: -40px -28px; } .quad2 .BMap_omBtn.hover { background-position: -14px -28px; } .quad2 .BMap_omBtn.BMap_omBtnClosed { background-position: -27px -28px; } .quad2 .BMap_omBtn.BMap_omBtnClosed.hover { background-position: -1px -28px; } .anchorR .BMap_omOutFrame { border-bottom: 1px solid #999; border-left: 1px solid #999; border-top: 1px solid #999; } .anchorL .BMap_omOutFrame { border-bottom: 1px solid #999; border-right: 1px solid #999; border-top: 1px solid #999; } .anchorB .BMap_omOutFrame { border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999; } .anchorT .BMap_omOutFrame { border-bottom: 1px solid #999; border-right: 1px solid #999; border-left: 1px solid #999; } .anchorNon .BMap_omOutFrame, .withOffset .BMap_omOutFrame { border: 1px solid #999; } .BMap_zoomMask0, .BMap_zoomMask1 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent url(http://api0.map.bdimg.com/images/blank.gif); z-index: 1000; } .BMap_contextMenu { position: absolute; border-top: 1px solid #adbfe4; border-left: 1px solid #adbfe4; border-right: 1px solid #8ba4d8; border-bottom: 1px solid #8ba4d8; padding: 0; margin: 0; width: auto; visibility: hidden; background: #fff; z-index: 10000000; } .BMap_cmShadow { position: absolute; background: #000; opacity: .3; filter: alpha(opacity=30); visibility: hidden; z-index: 9000000; } div.BMap_cmDivider { border-bottom: 1px solid #adbfe4; font-size: 0; padding: 1px; margin: 0 6px; } div.BMap_cmFstItem { margin-top: 2px; } div.BMap_cmLstItem { margin-bottom: 2px; } .BMap_shadow img { border: 0 none; margin: 0; padding: 0; height: 370px; width: 1144px; } .BMap_pop .BMap_top { border-top: 1px solid #ababab; background-color: #fff; } .BMap_pop .BMap_center { border-left: 1px solid #ababab; border-right: 1px solid #ababab; background-color: #fff; } .BMap_pop .BMap_bottom { border-bottom: 1px solid #ababab; background-color: #fff; } .BMap_shadow, .BMap_shadow img, .BMap_shadow div { -moz-user-select: none; -webkit-user-select: none; } .BMap_checkbox { background: url(http://api0.map.bdimg.com/images/mapctrls1d3.gif); vertical-align: middle; display: inline-block; width: 11px; height: 11px; margin-right: 4px; background-position: -14px 90px; } .BMap_checkbox.checked { background-position: -2px 90px; } .BMap_pop .BMap_top img, .BMap_pop .BMap_center img, .BMap_pop .BMap_bottom img { display: none; } @media print { .BMap_noprint { display: none; } .BMap_noscreen { display: block; } .BMap_mask { background: none; } .BMap_pop .BMap_top img, .BMap_pop .BMap_center img, .BMap_pop .BMap_bottom img { display: block; } } .BMap_vectex { cursor: pointer; width: 11px; height: 11px; position: absolute; background-repeat: no-repeat; background-position: 0 0; } .BMap_vectex_nodeT { background-image: url(http://api0.map.bdimg.com/images/nodeT.gif); } .BMap_vectex_node { background-image: url(http://api0.map.bdimg.com/images/node.gif); } .iw { width: 100%; -webkit-box-sizing: border-box; border: .3em solid transparent; -webkit-background-clip: padding; } .iw_rt { position: relative; height: 46px; width: 195px; -webkit-box-sizing: border-box; display: -webkit-box; -webkit-box-align: center; margin: 2px 5px 0 2px; background-color: rgba(0,0,0,0.8); -webkit-box-shadow: 2px 2px 7px rgba(0,0,0,0.3); -webkit-border-radius: 2px; color: #fff; } .iw_rt:after { content: ""; position: absolute; left: 50%; bottom: -8px; width: 0; height: 0; border-left: 5px solid transparent; border-top: 8px solid rgba(0,0,0,0.8); border-right: 5px solid transparent; margin: 0 0 0 -6px; } .iw_s { text-align: center; vertical-align: middle; height: 100%; -webkit-box-sizing: border-box; } .iw_rt .iw_s1 { color: #cbcbcb; } .iw_rt b { color: #fff; font-weight: bold; } .iw_rt_gr { margin-left: -4px; } .iw_busline { margin: 32px 0 0 -3px; } .iw_busline .iw_cc { text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 6px; } .iw_r { -webkit-box-ordinal-group: 3; } .iw_r, .iw_l { height: 100%; font-size: 4.5em; text-align: center; color: #747474; border: none; -webkit-box-sizing: border-box; -webkit-border-radius: 0; line-height: .7em; border: 1px solid rgba(255,255,255,0.2); width: 41px; } .iw_r { border-style: none none none solid; } .iw_l { border-style: none solid none none; } .iw_search, .iw_l { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAlCAYAAAAuqZsAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6 eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEz NDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv IiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS ZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNl SUQ9InhtcC5paWQ6QjA3NjMyREJDNzQ2MTFFMTlBQUM5QzlCRDZGODZCQkYiIHhtcE1NOkRvY3Vt ZW50SUQ9InhtcC5kaWQ6QjA3NjMyRENDNzQ2MTFFMTlBQUM5QzlCRDZGODZCQkYiPiA8eG1wTU06 RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMDc2MzJEOUM3NDYxMUUxOUFB QzlDOUJENkY4NkJCRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMDc2MzJEQUM3NDYxMUUx OUFBQzlDOUJENkY4NkJCRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1w bWV0YT4gPD94cGFja2V0IGVuZD0iciI/PllB9T8AAAKuSURBVHjaxFjRcdpAEAX+mVEqiFxB5AoQ HZAKElcArsBWBSgVQCoAVwCuwEoFlivwGQpI7jKrzGXn7ep0EsPO7BjLp/O73bdv9xifTqdRpCXW c+sz65n1lNy3mvzZemX9aN34C6bTKdx8HAHMgVlaX0QeaGv9J4EcBJgD9EA/hzAH7N4Cq/oAW1tf KX+vKEXP7PlMSLFvhQX32BWY49GBOIRO7FKy57wBlnoUQHu5yJX+g4mymdvgFWzkAM3JtwGgmiJw a2/pvQoEYBQCLKNI8RfuaeNjT245gAUdqgHdmkqUPiOctLdJVYkithkAVO/K5cC+M30KAZVSxboo /ybnn1eIR5r5qUyI7P4GX6nqJHskbQsxQ7wqu6aSn2qrgHLrXjqAat5ZC0WlRuzVE0J3uhtBCjRt a3qjX92JIMiOIqYtYgumzpo+7RRtu/E0zvknokMF5GgdQv4Ze/5DWL8CFVe2aNuedGsLCi1vS+WL F4WKNkL2Dnh414FnO1b1R5vKuRaxjKUF2YKBqjuCGtF6nyL5+XxOJWCcL2/CpjzdRYRuGpDShQQs ARUj9U/OnRh7Yr9/CW1JXU4fYxXoHIMCu+iB+gBLIt/LgShDYCYktGCDfCBgvyRgVQgZwTy/jIzy EnQNMZV1QCT4bJ+3XFCkS81/WijdkiYAdSak04BWtabWEmIbsNZYgU00YE+gjyErQeo31GpShVMH Yc+/dwsEzh97/D6ojT2ZMlM1XwN8WP9Ma7NAbZvbtBoEjE+jBT2TusCu5SIbI7z/wLWN1rdKi0o6 cqwTuAmYyTm5NQW/82atWvlnBbo7apxD98qDJxl7mkC76JQ2Qm0CI1xKF95Gb4oLXHJDwJlxjy/u LgruGtNFM8lqnNtfK2JqN3CVeW1gzWj9jThd0xd59R8BBgAAiefGO1Bt1gAAAABJRU5ErkJggg==") no-repeat 50% 50%; -webkit-background-size: 19px 19px; } .iw_line_s, .iw_r { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAmCAYAAABDClKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6 eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEz NDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv IiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS ZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNl SUQ9InhtcC5paWQ6QjA3NjMyREZDNzQ2MTFFMTlBQUM5QzlCRDZGODZCQkYiIHhtcE1NOkRvY3Vt ZW50SUQ9InhtcC5kaWQ6QjA3NjMyRTBDNzQ2MTFFMTlBQUM5QzlCRDZGODZCQkYiPiA8eG1wTU06 RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMDc2MzJEREM3NDYxMUUxOUFB QzlDOUJENkY4NkJCRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMDc2MzJERUM3NDYxMUUx OUFBQzlDOUJENkY4NkJCRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1w bWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqheQ+MAAAEtSURBVHja7JftDYIwEIbB8JeEUXACZQPd oGygE+gGxAnQEZzAOgEdwREIDKBXUgjBIqW5Npj0kvcHpG0erveFX1WVZ8l2oBhEhRoLw/BroW8J KgeR3vMVlI5BrSwAHQZAnngmYxtMe4oIL41ZAp6iNqF4/BQTa0oBxmxAcaAHKFJY+wKtAaw0CRUJ oHjGHiY8VpqCKmYCdRkJUKmJ7Ms1gZqkqOs6w/bUGXRCOGePCcXjaItwDsW8PoZ0zhM70IeeyiZi jH/Isf+CF9MAOdCppDj+LJ6yim6j9802B6VqQa818BFjY6AHakHp9Crj15ctCaiFIi7Q/wCKLRHq vjSoVNKWunH4rTBDv5Cv7NKeKfvvU2nINzHAuexzUA7KQTkoB6UxDicKvc+qfQQYABaiUBxugCsr AAAAAElFTkSuQmCC") no-repeat 50% 50%; -webkit-background-size: 19px 19px; } .iw_line { height: 64px; width: 228px; padding: 0 11px; line-height: 20px; } .iw_bustrans .iw_cc { text-align: center; } .iw_c { color: #FFFFFF; text-decoration: none; overflow: hidden; display: -webkit-box; -webkit-box-align: center; -webkit-box-flex: 1; } .iw_cc { -webkit-box-sizing: border-box; width: 100%; border: none; } .gray_background { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5 } .light_gray_background { filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7 } .panoInfoBox { cursor: pointer; } .panoInfoBox { position: relative; width: 323px; height: 101px; margin-bottom: 4px; cursor: pointer; } .panoInfoBox .panoInfoBoxTitleBg { width: 323px; height: 19px; position: absolute; left: 0; bottom: 0; z-index: 2; background-color: #000; opacity: .7; } .panoInfoBox .panoInfoBoxTitleContent { font-size: 12px; color: #fff; position: absolute; bottom: 2px; left: 5px; z-index: 3; text-decoration: none; } .RouteAddressOuterBkg { position: relative; padding: 32px 4px 4px 3px; background-color: #ffdd99; } .RouteAddressInnerBkg { padding: 3px 5px 8px 8px; background-color: #ffffff; } #RouteAddress_DIV1 { margin-top: 5px; } .RouteAddressTip { position: absolute; width: 100%; top: 0px; text-align: center; height: 30px; line-height: 30px; color: #994c00; } .route_tip_con { position: absolute; top: 145px; } .route_tip_con .route_tip { position: absolute; width: 233px; height: 29px; color: #803300; text-align: center; line-height: 29px; border: #cc967a solid 1px; background: #fff2b2; z-index: 100000; } .route_tip_con .route_tip span { position: absolute; top: 0; right: 0; _right: -1px; width: 14px; height: 13px; background: url(http://api0.map.bdimg.com/images/addrPage.png?v=20121107) no-repeat 0 -121px; cursor: pointer; } .route_tip_con .route_tip_shadow { width: 233px; height: 29px; position: absolute; left: 1px; top: 1px; background: #505050; border: 1px solid #505050; opacity: 0.2; filter: alpha(opacity=20) } .sel_body_body_page { margin: 5px 0 } .sel_n { margin-top: 5px; overflow: hidden; } .sel_n .sel_top { background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -418px; height: 4px; font-size: 0px; } .sel_n .sel_body_top { height: 32px; width: 100%; background: url(http://api0.map.bdimg.com/images/addrPage.png?v=20121107) no-repeat 0 -41px; } .sel_n .sel_body_title { float: left; width: 100%; height: 31px; } .sel_n .sel_body_sign { margin-top: 1px; width: 30px; height: 31px; float: left; background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat -79px -387px; } .sel_n .sel_body_name { height: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 20px 0 30px; padding: 8px 7px 7px; font-size: 14px; color: #FA8722; } .sel_n .sel_body_button { float: left; width: 55px; margin-left: -55px; padding-top: 8px; } .sel_n .sel_body_button a { } .sel_n .sel_bottom { background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -415px; height: 4px; font-size: 0px; } .sel_n .sel_body_body { padding: 3px 0 0 0 } .sel_n1 { margin-top: 5px; width: 329px; overflow: hidden; } .sel_n1 .sel_top { background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -418px; height: 4px; font-size: 0px; } .sel_n1 .sel_body_top { height: 31px; width: 100%; background: url(http://api0.map.bdimg.com/images/sel_body_n_top.gif) repeat-x; } .sel_n1 .sel_body_top { height: 32px; width: 100%; background: url(http://api0.map.bdimg.com/images/addrPage.png?v=20121107) no-repeat 0 -41px } .sel_n1 .sel_body_title { float: left; width: 100%; height: 31px; cursor: pointer; } .sel_n1 .sel_body_sign { margin-top: 1px; width: 30px; height: 31px; float: left; background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat -79px -387px; } .sel_n1 .sel_body_name { margin: 0 20px 0 30px; padding: 8px 7px 7px; font-size: 14px; color: #FA8722; } .sel_n1 .sel_body_button { float: left; width: 20px; height: 31px; margin-left: -23px; background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat -253px -382px; overflow: hidden; zoom: 1; cursor: pointer; } .sel_n1 .sel_body_button a { display: none; } .sel_n1 .sel_body_body { display: none } .sel_n1 .sel_bottom { background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -415px; height: 4px; font-size: 0px; } .sel_y { margin-top: 5px; overflow: hidden; } .sel_y .sel_top { background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -439px; height: 4px; zoom: 1; font-size: 0px; } .sel_y .sel_body_top { height: 32px; width: 100%; background: url(http://api0.map.bdimg.com/images/addrPage.png?v=20121107) no-repeat 0 0 } .sel_y .sel_body_title { float: left; width: 100%; height: 31px; cursor: pointer; } .sel_y .sel_body_sign { margin-top: 1px; width: 30px; height: 31px; float: left; background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat -167px -384px; } .sel_y .sel_body_name { margin: 0 20px 0 30px; padding: 8px 7px 7px; font-size: 14px; color: #5B7BCB; } .sel_y .sel_body_button { float: left; width: 20px; height: 31px; margin-left: -20px; background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat -269px -297px; cursor: pointer; } .sel_y .sel_body_button a { display: none; } .sel_y .sel_body_body { display: none; height: 0px } .sel_y .sel_body_body_div { } .sel_y .sel_bottom { background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -436px; height: 4px; font-size: 0px; } .sel_y .sel_body_body_page { display: none; height: 0px; } .sel_x { margin-top: 5px; width: 329px; overflow: hidden; } .sel_x .sel_top { background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -418px; height: 4px; font-size: 0px; } .sel_x .sel_body_top { height: 32px; width: 100%; background: url(http://api0.map.bdimg.com/images/addrPage.png?v=20121107) no-repeat 0 -41px; } .sel_x .sel_body_title { float: left; width: 100%; height: 31px; } .sel_x .sel_body_sign { margin-top: 1px; width: 30px; height: 31px; float: left; background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat -122px -384px; } .sel_x .sel_body_name { margin: 0 20px 0 30px; padding: 8px 7px 7px; font-size: 14px; color: #FA8722; } .sel_x .sel_body_button { float: left; width: 55px; margin-left: -55px; padding-top: 8px; } .sel_x .sel_body_button a { } .sel_x .sel_body_body { } .sel_x .sel_body_body_div { padding: 5px 5px 0 5px; } .sel_x .sel_bottom { background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -415px; height: 4px; font-size: 0px; } .sel_x1 { margin-top: 5px; width: 329px; overflow: hidden; } .sel_x1 .sel_top { background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -418px; height: 4px; font-size: 0px; } .sel_x1 .sel_body_top { height: 32px; width: 100%; background: url(http://api0.map.bdimg.com/images/addrPage.png?v=20121107) no-repeat 0 -41px } .sel_x1 .sel_body_title { float: left; width: 100%; height: 31px; cursor: pointer; } .sel_x1 .sel_body_sign { margin-top: 1px; width: 30px; height: 31px; float: left; background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat -122px -384px; } .sel_x1 .sel_body_name { margin: 0 20px 0 30px; padding: 8px 7px 7px; font-size: 14px; color: #FA8722; } .sel_x1 .sel_body_button { float: left; width: 55px; height: 31px; margin-left: -55px; } .sel_x1 .sel_body_button a { display: none; } .sel_x1 .sel_body_body { display: none; height: 0px; } .sel_x1 .sel_body_body_div { padding: 5px 5px 0 5px; } .sel_x1 .sel_bottom { background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -415px; height: 4px; font-size: 0px; } .sel_body_citylist { height: 100px; padding: 0 0 0 5px } .sel_body_resitem { table-layout: fixed; overflow-x: hidden; overflow-y: hidden; } .sel_body_resitem table { margin-right: 5px; } .sel_body_resitem tr { cursor: pointer; } .sel_body_resitem th { padding-top: 5px; padding-left: 5px; text-align: left; vertical-align: top; width: 22px; } .sel_body_resitem th div.iconbg { background: url(http://api0.map.bdimg.com/images/markers_new_ie6.png) no-repeat scroll 0 0; height: 29px; width: 24px; } .sel_body_resitem th div.icon { cursor: pointer } .sel_body_resitem th div#no_0_1, .sel_body_resitem th div#no_1_1 { background-position: 0 -64px } .sel_body_resitem th div#no_0_2, .sel_body_resitem th div#no_1_2 { background-position: -24px -64px } .sel_body_resitem th div#no_0_3, .sel_body_resitem th div#no_1_3 { background-position: -48px -64px } .sel_body_resitem th div#no_0_4, .sel_body_resitem th div#no_1_4 { background-position: -72px -64px } .sel_body_resitem th div#no_0_5, .sel_body_resitem th div#no_1_5 { background-position: -96px -64px } .sel_body_resitem th div#no_0_6, .sel_body_resitem th div#no_1_6 { background-position: -120px -64px } .sel_body_resitem th div#no_0_7, .sel_body_resitem th div#no_1_7 { background-position: -144px -64px } .sel_body_resitem th div#no_0_8, .sel_body_resitem th div#no_1_8 { background-position: -168px -64px } .sel_body_resitem th div#no_0_9, .sel_body_resitem th div#no_1_9 { background-position: -192px -64px } .sel_body_resitem th div#no_0_10, .sel_body_resitem th div#no_1_10 { background-position: -216px -64px } .sel_body_resitem td { line-height: 160%; padding: 3px 0 3px 3px; vertical-align: top; } .sel_body_resitem div.ra_td_title { float: left; margin-right: 40px; } .sel_body_resitem div.ra_td_button { float: right; width: 40px; } .sel_body_resitem div.ra_td_button input { height: 18px; font-size: 12px; width: 40px; } .sel_body_resitem div.clear { clear: both; height: 0px; width: 100%; } .sel_body_resitem td .selBtn { width: 70px; height: 29px; background: url(http://api0.map.bdimg.com/images/addrPage.png?v=20121107) no-repeat -21px -81px; text-align: center; line-height: 29px; visibility: hidden; color: #b35900; display: inline-block; *display: inline; *zoom: 1; } .sel_body_resitem td .list_street_view_poi { display: inline-block; float: none; margin-right: 6px; position: static; *vertical-align: -3px; _vertical-align: -5px; *display: inline; *zoom: 1; } .selInfoWndBtn { width: 70px; height: 29px; background: url(http://api0.map.bdimg.com/images/addrPage.png?v=20121107) no-repeat -21px -81px; text-align: center; line-height: 29px; margin: 0 auto; cursor: pointer; color: #b35900 } .sel_body_body td a { text-decoration: none; cursor: auto; } .sel_body_body td a:hover, .sel_body_body td a:focus { text-decoration: underline; } .panoInfoBox { cursor: pointer } .panoInfoBox { position: relative; width: 323px; height: 101px; margin-bottom: 4px; cursor: pointer } .panoInfoBox .panoInfoBoxTitleBg { width: 323px; height: 19px; position: absolute; left: 0; bottom: 0; z-index: 2; background-color: #000; opacity: .7 } .panoInfoBox .panoInfoBoxTitleContent { font-size: 12px; color: #fff; position: absolute; bottom: 2px; left: 5px; z-index: 3; text-decoration: none } .pano_switch_left, .pano_switch_right { position: absolute; width: 28px; height: 38px; cursor: pointer; background-color: #252525; background-color: rgba(37,37,37,.9) } .pano_switch_left { background: url(http://api0.map.bdimg.com/images/panorama/zuojiantou.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100% } .pano_switch_right { background: url(http://api0.map.bdimg.com/images/panorama/youjiantou.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100% } .pano_switch_left:hover { background: url(http://api0.map.bdimg.com/images/panorama/zuojiantou_hover.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100% } .pano_switch_right:hover { background: url(http://api0.map.bdimg.com/images/panorama/youjiantou_hover.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100% } .pano_switch_left.pano_switch_disable, .pano_switch_right.pano_switch_disable { background: 0 0; border: none } .pano_poi_1, .pano_poi_2, .pano_poi_4 { display: inline-block; width: 16px; height: 16px; vertical-align: middle; background: url(http://webmap0.map.bdimg.com/newmap/static/common/images/pano_whole/guide_icons_4b871b2.png) no-repeat; background-position: 0 0 } .pano_photo_arrow_l, .pano_photo_arrow_r { position: absolute; top: 0; width: 20px; height: 100%; background: #f3eeee } .pano_photo_arrow_l { left: 0 } .pano_photo_arrow_r { right: 0 } .pano_arrow_l, .pano_arrow_r { display: inline-block; width: 18px; height: 18px; background: url(http://webmap0.map.bdimg.com/newmap/static/common/images/pano_whole/pano-icons_223a291.png) no-repeat } .pano_catlogLi { cursor: pointer; position: relative; line-height: 10px; font-size: 10px; text-align: center; color: #abb0b2; border: 1px solid #53565c; padding: 3px 0; margin-top: 3px; margin-left: 2px; width: 90% } .pano_catlogLi:hover { color: #3DAAFC; border: 1px solid #3DAAFC } .pano_catlogLiActive { color: #3DAAFC; border: 1px solid #3DAAFC } .pano_arrow_l { background-position: 0 -36px } .pano_arrow_r { background-position: -54px -36px } .pano_photo_arrow_l:hover .pano_arrow_l { background-position: -18px -36px } .pano_photo_arrow_r:hover .pano_arrow_r { background-position: -72px -36px } .pano_photo_arrow_l.pano_arrow_disable .pano_arrow_l { background-position: -36px -36px } .pano_photo_arrow_r.pano_arrow_disable .pano_arrow_r { background-position: -90px -36px } .pano_photo_item { position: relative; float: left; line-height: 0; padding-left: 8px } .pano_photo_decs { position: absolute; bottom: 1px; left: 0; padding: 2px 0; text-indent: 5px; margin-left: 8px; display: inline-block; color: #fff; background: #000; opacity: .5; filter: alpha(opacity=50)9; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .pano_photo_item img { display: inline-block; border: solid 1px #252525 } .pano_photo_item:hover img { border-color: #005efc } .pano_photo_item_seleted { position: absolute; top: 0; left: -100000px; border: 3px solid #097df3 } .pano_close { position: absolute; right: 10px; top: 10px; width: 40px; cursor: pointer; height: 40px; line-height: 40px; border-radius: 3px; background-color: rgba(37,37,37,.9); background-image: url(http://api0.map.bdimg.com/images/panorama/close.png); background-repeat: no-repeat; background-position: center center; background-size: 90% } .pano_close:hover { background-image: url(http://api0.map.bdimg.com/images/panorama/close_hover.png) } .pano_pc_indoor_exit { position: absolute; right: 60px; top: 10px; width: 89px; cursor: pointer; height: 40px; line-height: 40px; color: #ebedf0; border-radius: 3px; background-color: #252525; background-color: rgba(37,37,37,.9); background-image: url(http://api0.map.bdimg.com/images/panorama/indoor_exit.png); background-repeat: no-repeat; background-position: 15px 12px } .pano_pc_indoor_exit:hover { background-image: url(http://api0.map.bdimg.com/images/panorama/indoor_exit_hover.png); color: #2495ff } .pano_m_indoor_exit { font-size: 16px; position: absolute; right: 30px; top: 10px; width: 89px; cursor: pointer; height: 40px; line-height: 40px; color: #ebedf0; border-radius: 3px; background-color: #252525; background-color: rgba(37,37,37,.9); background-image: url(http://api0.map.bdimg.com/images/panorama/indoor_exit.png); background-repeat: no-repeat; background-position: 15px 12px } .navtrans-table tr { color: #666 } .navtrans-table tr:hover { color: #333 } .navtrans-navlist-icon { float: left; width: 18px; height: 16px; background: url(http://webmap0.map.bdimg.com/wolfman/static/common/images/nav-icon_b5c3223.png) no-repeat 0px 0px; _background: url(http://webmap0.map.bdimg.com/wolfman/static/common/images/nav-icon_ie6_134841b.png) no-repeat 0px 0px; margin-top: 2px; margin-right: 5px } .navtrans-navlist-icon.s-1 { background-position: 0px 0px } .navtrans-navlist-icon.s-2 { background-position: -18px 0px } .navtrans-navlist-icon.s-3 { background-position: -36px 0px } .navtrans-navlist-icon.s-4 { background-position: -54px 0px } .navtrans-navlist-icon.s-5 { background-position: -72px 0px } .navtrans-navlist-icon.s-6 { background-position: -90px 0px } .navtrans-navlist-icon.s-7 { background-position: 0px -16px } .navtrans-navlist-icon.s-8 { background-position: -18px -16px } .navtrans-navlist-icon.s-9 { background-position: -36px -16px } .navtrans-navlist-icon.s-10 { background-position: -54px -16px } .navtrans-navlist-icon.s-11 { background-position: -72px -16px } .navtrans-navlist-icon.s-12 { background-position: -90px -16px } .navtrans-navlist-icon.s-13 { background-position: 0px -32px } .navtrans-navlist-icon.s-14 { background-position: -18px -32px } .navtrans-navlist-icon.s-18 { background-position: -36px -32px } .navtrans-navlist-icon.s-19 { background-position: -54px -32px } .navtrans-navlist-icon.s-20 { background-position: -72px -32px } .navtrans-navlist-icon.s-21 { background-position: -90px -32px } .navtrans-navlist-icon.nav-st, .navtrans-navlist-icon.nav-through { background-position: -16px -70px } .navtrans-navlist-icon.nav-ed { background-position: 0px -70px } .navtrans-view { border-top: 1px solid #e4e6e7; border-left: 1px solid #e4e6e7; border-right: 1px solid #e4e6e7 } .navtrans-view:hover { cursor: pointer } .navtrans-view .navtrans-arrow { position: absolute; top: 8px; right: 5px; width: 7px; height: 4px; background-image: url(http://webmap0.map.bdimg.com/wolfman/static/common/images/nav-icon_b5c3223.png); background-repeat: no-repeat; background-position: -40px -70px; margin-top: 3px; margin-right: 3px; _background-image: url(http://webmap0.map.bdimg.com/wolfman/static/common/images/nav-icon_ie6_134841b.png) } .navtrans-view.expand:hover .navtrans-arrow { background-position: -61px -70px } .navtrans-view.expand .navtrans-arrow { background-position: -54px -70px } .navtrans-view:hover .navtrans-arrow { background-position: -47px -70px } .navtrans-navlist-content { overflow: hidden } .navtrans-res { border-bottom: 1px solid #E4E6E7; border-left: 1px solid #E4E6E7; border-right: 1px solid #E4E6E7 } .navtrans-bus-icon { display: inline-block; float: left; background-image: url(http://webmap0.map.bdimg.com/wolfman/static/common/images/ui3/mo_banner_e1aa2e6.png); background-repeat: no-repeat } .navtrans-bus-icon.bus { width: 13px; height: 16px; background-position: -1px -192px; position: relative; top: 4px } .navtrans-bus-icon.walk { width: 16px; height: 18px; background-position: -63px -189px; position: relative; top: 2px; left: -2px } .navtrans-bus-desc { line-height: 24px; margin-left: 20px } .navtrans-busstation { color: #36c; font-weight: 600 } .tranroute-plan-list.expand .trans-title { border-bottom: 1px solid #e4e6e7; background-color: #ebf1fb } .trans-plan-content tr td:hover .bus { background-position: -15px -192px } .trans-plan-content tr td:hover .walk { background-position: -82px -189px } .suggest-plan { position: absolute; background-color: #0C88E8; padding: 0px 15px; line-height: 20px; color: #fff; left: 0px; top: 0px } .suggest-plan-des { text-align: left; padding: 29px 0px 0px 25px; font-size: 13px; color: #000 } .bmap-clearfix { *+height:1% } .bmap-clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden } .BMap_CityListCtrl { font-size: 12px } .BMap_CityListCtrl a { text-decoration: none !important } .BMap_CityListCtrl a:hover { text-decoration: underline !important } .BMap_CityListCtrl .citylist_popup_main { border: 1px solid #cdcdcd; z-index: 2; position: relative; width: 100%; height: 100%; background: #fafafa; overflow: hidden; box-shadow: 1px 1px 1px rgba(0,0,0,.1) } .ui_city_change_top .ui_city_change_inner, .ui_city_change_bottom .ui_city_change_inner { display: inline-block; height: 24px; line-height: 24px; border: 1px solid #c4c7cc; background-color: #fff; padding: 0 10px 0 10px; color: #000 } .ui_city_change_top .ui_city_change_inner i, .ui_city_change_bottom .ui_city_change_inner i { width: 8px; height: 6px; display: inline-block; position: relative; top: 9px; left: 5px; -webkit-transition: all ease-in-out .15s; transition: all ease-in-out .15s; display: none9 } .ui_city_change_click .ui_city_change_inner i, .ui_city_change_click_close .ui_city_change_inner i { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .ui_city_change_top .ui_city_change_inner:hover em { border-top-color: #0C88E8 } .ui_city_change_top .ui_city_change_inner em { width: 0; height: 0; border-color: rgba(255,255,255,0); border-top-color: #D0D4DA; border-style: solid; border-width: 4px } .ui_city_change_top .ui_city_change_inner:hover, .ui_city_change_bottom .ui_city_change_inner:hover { text-decoration: none !important; color: #3d6dcc } .ui_city_change_bottom .ui_city_change_inner:hover em { border-bottom-color: #0C88E8 } .ui_city_change_bottom .ui_city_change_inner em { width: 0; height: 0; border-color: rgba(255,255,255,0); border-bottom-color: #D0D4DA; border-style: solid; border-width: 4px; position: relative; top: -18px } .citylist_popup_main .citylist_ctr_title { background: #f9f9f9; border-bottom: 1px solid #dadada; height: 25px; line-height: 25px; font-size: 12px; color: #4c4c4c; padding-left: 7px } .citylist_popup_main .city_content_top { position: relative; height: 30px; padding: 15px 10px 0px 10px; border-bottom: 1px solid #CCC; margin: 0px 10px } .citylist_popup_main .city_content_top .cur_city_info { display: inline-block; margin: 0; padding: 0; } #city_ctrl_form { position: absolute; right: 12px; top: 10px } #selCityWd { border: 1px solid #ccc; height: 20px; width: 121px; line-height: 20px; text-indent: 4px; outline: none } #selCitySubmit:hover { background-position: -355px -98px } #selCitySubmit { float: right; background: url(http://webmap0.map.bdimg.com/wolfman/static/common/images/index_a2f1ac4.png) no-repeat scroll -302px -98px; height: 24px; line-height: 24px; width: 48px; cursor: pointer; margin-left: 5px; text-align: center } #sel_city_letter_list { padding-top: 10px } #sel_city_letter_list a { white-space: nowrap; margin-right: 11px; line-height: 18px; font-size: 13px; font-family: Arial,Helvetica,SimSun,sans-serif } .city_content_medium { padding: 10px 10px 10px 10px; border-bottom: 1px solid #CCC; margin: 0px 10px } .city_content_bottom { padding: 10px 10px 10px 8px; margin: 9px 5px 5px 5px; height: 218px; overflow-y: auto } #city_detail_table tr td { vertical-align: top } .sel_city_hotcity a { color: #3d6dcc } .sel_city_letter { padding: 0 14px 0 3px } .sel_city_letter div { font-size: 24px; line-height: 24px; font-weight: 700; color: #ccc; padding: 0; margin: 0; font-family: Arial,Helvetica,SimSun,sans-serif } .sel_city_sf { padding-right: 8px; font-weight: 700 } .sel_city_sf a { white-space: nowrap; line-height: 18px; color: #3d6dcc } .city_names_wrap { margin-bottom: 9px } .sel_city_name { color: #3d6dcc; white-space: nowrap; margin-right: 9px; line-height: 18px; float: left } #popup_close { outline: none; position: absolute; z-index: 50; top: 7px; right: 6px; width: 12px; height: 12px; background: url(http://webmap0.map.bdimg.com/wolfman/static/common/images/popup_close_15d2283.gif) no-repeat; border: 0; cursor: pointer } </style> <link rel="stylesheet" type="text/css" href="http://api.map.baidu.com/res/20/bmap_autocomplete.css"> <script src="http://webapi.amap.com/maps?v=1.4.0&key=c193b7c51e579ad80ec35989db0d8898&plugin=AMap.Autocomplete"></script> <style type="text/css"> .amap-container { cursor: url(http://webapi.amap.com/theme/v1.3/openhand.cur),default; } .amap-drag { cursor: url(http://webapi.amap.com/theme/v1.3/closedhand.cur),default; } </style> <script charset="utf-8" src="http://webapi.amap.com/maps/modules?v=1.4.14&key=c193b7c51e579ad80ec35989db0d8898&vrs=1559744451022&m=touch,mouse,vectorlayer,overlay,wgl,AMap.Autocomplete,sync" id="amap_plus_js"></script> <script src="http://webapi.amap.com/maps?v=1.4.0&key=c193b7c51e579ad80ec35989db0d8898&plugin=AMap.Autocomplete"></script> <style type="text/css"> .amap-container { cursor: url(http://webapi.amap.com/theme/v1.3/openhand.cur),default; } .amap-drag { cursor: url(http://webapi.amap.com/theme/v1.3/closedhand.cur),default; } </style> </head> <body style=""> <input type="text" class="input1" id="input" readonly="" placeholder="高德坐标"> <br> <input type="text" class="input" id="input" readonly="" placeholder="百度坐标" data-value="114.3162001,30.58108413"> <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script> <script src="https://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript" src="http://www.jq22.com/demo/mapgr201804080005/js/MapType.js"></script> <script type="text/javascript" src="http://www.jq22.com/demo/mapgr201804080005/js/MapGrid.js"></script> <script type="text/javascript"> /** * MapType.js 是地图类型百度 高德 * 请在MapType.js里面把tMapKey方法里面的密钥换成自己的,目前属于测试密钥以防后期删除 * MapGrid.js 是调用方法 */ new MapGrid('.input1',{ //地图类型 高端 百度 type : gouldMap,//gouldMap || baiduMap /** * [callback description] * @param {[type]} lng [经度:] * @param {[type]} lat [纬度:] * @return {Function} [description] */ callback : function(lng,lat){ console.log(lng,lat) } }); new MapGrid('.input',{ //地图类型 高端(gouldMap) 百度(baiduMap) type : baiduMap,//gouldMap || baiduMap /** * [callback description] * @param {[type]} lng [经度:] * @param {[type]} lat [纬度:] * @return {Function} [description] */ callback : function(lng,lat){ console.log(lng,lat) } }); </script> <script src="http://api.map.baidu.com/getscript?v=2.0&ak=v22uaSd5zGqvQbBIAvnAM89LjcgYcdkd&services=&t=20200103103842"></script><div class="tangram-suggestion-main" id="tangram-suggestion--TANGRAM__1k-main" data-guid="TANGRAM__1k" style="position: absolute; display: none; left: 489px; top: 159px; width: 302px;"><div id="tangram-suggestion--TANGRAM__1k" class="tangram-suggestion" style="position:relative; top:0px; left:0px"></div></div> </body> </html>