نسخة الكود كما يلي:
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<title> استعلام خطوط الطول والعرض بناءً على العنوان </title>
<meta http-equiv = "content-type" content = "text/html ؛ charset = utf-8">
<script type = "text/javaScript" src = "http://api.map.baidu.com/api؟v=1.3"> </script>
</head>
<body style = "background:#cbe1ff">
<viv>
العنوان المراد الاستعلام عنه: <input id = "text_" type = "text" value = "xuzhou gupeng square" style = "margin-right: 100px ؛"/>
نتيجة الاستعلام (خط العرض وخط الطول): <input id = "result_" type = "text" />
<type type = "button" value = "query" onClick = "SearchByStationName () ؛"/>
<div id = "حاوية"
النمط = "الموضع: مطلق ؛
الهامش: 30 بكسل ؛
العرض: 730 بكسل ؛
الارتفاع: 590 بكسل ؛
أعلى: 50 ؛
الحدود: 1 بكسل رمادي صلب.
الفائض: مخفي ؛ ">
</div>
</div>
</body>
<script type = "text/javaScript">
var map = new bmap.map ("Container") ؛
Map.Centerandzoom ("Xuzhou" ، 12) ؛
map.enablescrollwheelzoom () ؛ // تمكين تمرير عجلة التمرير داخل وخارج ، معطل افتراضيًا
map.EnableContinuousZoom () ؛ // تمكين السحب والإفلات من الخريطة الخريطة ، معطل بشكل افتراضي
map.addcontrol (bmap.navigationControl ()) ؛ // أضف التحكم الافتراضي في بان
map.addcontrol (new bmap.overviewmapcontrol ()) ؛ // إضافة التحكم في خريطة الصورة المصغرة الافتراضية
map.addcontrol (new bmap.overviewmapcontrol ({isopen: true ، anchor: bmap_anchor_bottom_right})) ؛ // الزاوية اليمنى السفلى ، مفتوحة
var lalalSearch = جديد bmap.localsearch (MAP) ؛
LOLDERSEARCH.ENBEAUTOVIEWPORT () ؛ // يسمح بالتكيف التلقائي لحجم النموذج
وظيفة SearchByStationName () {
map.clearoverlays () ؛ // مسح العلامة الأصلية
var keyword = document.getElementById ("text _"). value ؛
LOLDSEARCH.SetSearchCOMPLETECALLBACK (وظيفة (SearchResult) {
var poi = searchResult.getPoi (0) ؛
document.getElementById ("result _"). value = poi.point.lng + "،" + poi.point.lat ؛
Map.Centerandzoom (Poi.Point ، 13) ؛
var marker = new bmap.marker (new bmap.point (poi.point.lng ، poi.point.lat)) ؛ // إنشاء شرح لتوضيح ليكون خطوط الطول والعرض المقابلة للمكان المراد الاستعلام عنه
map.addoverlay (علامة) ؛
var content = document.getElementById ("text _"). value + "<br/> <br/> long:" + poi.point.lng + "<br/> lat:" + poi.point.lat ؛
var infoWindow = new bmap.infowindow ("<p style = 'font-size: 14px ؛'>" + content + "</p>") ؛
marker.AdDeventListener ("Click" ، function () {this.openInFowIndow (InfoWindow) ؛}) ؛
// marker.setAnimation (bmap_animation_bounce) ؛ // تغلب على الرسوم المتحركة
}) ؛
LOLDALCEERCH.Search (الكلمة الرئيسية) ؛
}
</script>
</html>
ما سبق هو كل الرمز. يمكن للأصدقاء استخدامه مباشرة في المشروع. لا تقل أشكرك ، من فضلك اتصل بي لي فينغ ~