\n
\n\n \n \n \n \n \n
\u9ad8\u5fb7\u5730\u56fe – DIY\u6211\u7684\u5730\u56fe<\/title>\n <style>\n body { margin: 0; font: 13px\/1.5 \"Microsoft YaHei\", \"Helvetica Neue\", \"Sans-Serif\"; min-height: 960px; min-width: 600px; }\n .my-map { margin: 0 auto; width: 900px; height: 400px; } .my-map .icon { background: url(\/\/a.amap.com\/lbs-dev-yuntu\/static\/web\/image\/tools\/creater\/marker.png) no-repeat; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; }\n .amap-container{height: 100%;}\n .myinfowindow{width: 240px;min-height: 50px;}\n .myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }\n .myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }\n <\/style>\n <\/head>\n <body>\n <div id=\"wrap\" class=\"my-map\">\n <div id=\"mapContainer\"><\/div>\n <\/div>\n <script src=\"\/\/webapi.amap.com\/maps?v=1.3&key=e07ffdf58c8e8672037bef0d6cae7d4a\"><\/script>\n <script>\n !function(){\n var infoWindow, map, level = 16,\n center = {lng: 120.938021, lat: 30.877109},\n features = [{\"icon\":\"cir\",\"color\":\"red\",\"name\":\"\u5609\u5584\u4ebf\u91d1\u4e94\u91d1\u5236\u54c1\u6709\u9650\u516c\u53f8\",\"desc\":\"\u6d59\u6c5f\u7701\u5609\u5174\u5e02\u5609\u5584\u53bf\u632f\u4e2d\u8def90\u53f7\",\"lnglat\":{\"Q\":30.87710949883632,\"R\":120.93802135571832,\"lng\":120.938021,\"lat\":30.877109},\"offset\":{\"x\":-9,\"y\":-31},\"type\":\"Marker\"}];\n \n function loadFeatures(){\n for(var feature, data, i = 0, len = features.length, j, jl, path; i < len; i++){\n data = features[i];\n switch(data.type){\n case \"Marker\":\n feature = new AMap.Marker({ map: map, position: new AMap.LngLat(data.lnglat.lng, data.lnglat.lat),\n zIndex: 3, extData: data, offset: new AMap.Pixel(data.offset.x, data.offset.y), title: data.name,\n content: '<div class=\"icon icon-' + data.icon + ' icon-'+ data.icon +'-' + data.color +'\"><\/div>' });\n break;\n case \"Polyline\":\n for(j = 0, jl = data.path.length, path = []; j < jl; j++){\n\t\t\t\t\t\t\tpath.push(new AMap.LngLat(data.path[j].lng, data.path[j].lat));\n\t\t\t\t\t\t}\n feature = new AMap.Polyline({ map: map, path: path, extData: data, zIndex: 2,\n strokeWeight: data.strokeWeight, strokeColor: data.strokeColor, strokeOpacity: data.strokeOpacity });\n break;\n case \"Polygon\":\n for(j = 0, jl = data.path.length, path = []; j < jl; j++){\n path.push(new AMap.LngLat(data.path[j].lng, data.path[j].lat));\n }\n feature = new AMap.Polygon({ map: map, path: path, extData: data, zIndex: 1,\n strokeWeight: data.strokeWeight, strokeColor: data.strokeColor, strokeOpacity: data.strokeOpacity,\n fillColor: data.fillColor, fillOpacity: data.fillOpacity });\n break;\n default: feature = null;\n }\n if(feature){ AMap.event.addListener(feature, \"click\", mapFeatureClick); }\n }\n }\n \n function mapFeatureClick(e){\n if(!infoWindow){ infoWindow = new AMap.InfoWindow({autoMove: true,isCustom: false}); }\n var extData = e.target.getExtData();\n infoWindow.setContent(\"<div class='myinfowindow'><h5>\" + extData.name + \"<\/h5><div>\" + extData.desc + \"<\/div><\/div>\");\n infoWindow.open(map, e.lnglat);\n }\n \n map = new AMap.Map(\"mapContainer\", {center: new AMap.LngLat(center.lng, center.lat), level: level, scrollWheel:false});\n \n loadFeatures();\n \n map.on('complete', function(){\n map.plugin([\"AMap.ToolBar\", \"AMap.OverView\", \"AMap.Scale\"], function(){\n map.addControl(new AMap.ToolBar({ruler: true, direction: true, locate: false})); map.addControl(new AMap.OverView({isOpen: true})); map.addControl(new AMap.Scale);\n });\t\n })\n \n \t}();\n <\/script>\n <\/body>\n <\/html>\n<\/div>\n<\/div>\n\n\n\n<div class=\"is-layout-flex wp-container-7 wp-block-columns\" style=\"padding-top:20px;padding-right:0px;padding-bottom:20px;padding-left:0px\">\n<div class=\"is-layout-flow wp-block-column\" style=\"flex-basis:25%\">\n<div class=\"wp-block-uagb-info-box uagb-block-7a4f08b4 uagb-infobox__content-wrap uagb-infobox-icon-above-title uagb-infobox-image-valign-top\"><div class=\"uagb-ifb-content\"><div class=\"uagb-ifb-icon-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M512 287.9l-.0042 112C511.1 444.1 476.1 480 432 480c-26.47 0-48-21.56-48-48.06V304.1C384 277.6 405.5 256 432 256c10.83 0 20.91 2.723 30.3 6.678C449.7 159.1 362.1 80.13 256 80.13S62.29 159.1 49.7 262.7C59.09 258.7 69.17 256 80 256C106.5 256 128 277.6 128 304.1v127.9C128 458.4 106.5 480 80 480c-44.11 0-79.1-35.88-79.1-80.06L0 288c0-141.2 114.8-256 256-256c140.9 0 255.6 114.5 255.1 255.3C511.1 287.5 511.1 287.7 512 287.9z\"><\/path><\/svg><\/div><div class=\"uagb-ifb-title-wrap\"><p class=\"uagb-ifb-title\">\u8be2\u4ef7\u70ed\u7ebf<\/p><\/div><p class=\"uagb-ifb-desc\">132-1633-9768<\/p><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"is-layout-flow wp-block-column\" style=\"flex-basis:25%\">\n<div class=\"wp-block-uagb-info-box uagb-block-595b73a0 uagb-infobox__content-wrap uagb-infobox-icon-above-title uagb-infobox-image-valign-top\"><div class=\"uagb-ifb-content\"><div class=\"uagb-ifb-icon-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M384 32H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h320c35.35 0 64-28.65 64-64V96C448 60.65 419.3 32 384 32zM351.6 321.5l-11.62 50.39c-1.633 7.125-7.9 12.11-15.24 12.11c-126.1 0-228.7-102.6-228.7-228.8c0-7.328 4.984-13.59 12.11-15.22l50.38-11.63c7.344-1.703 14.88 2.109 17.93 9.062l23.27 54.28c2.719 6.391 .8828 13.83-4.492 18.22L168.3 232c16.99 34.61 45.14 62.75 79.77 79.75l22.02-26.91c4.344-5.391 11.85-7.25 18.24-4.484l54.24 23.25C349.5 306.6 353.3 314.2 351.6 321.5z\"><\/path><\/svg><\/div><div class=\"uagb-ifb-title-wrap\"><p class=\"uagb-ifb-title\">\u6280\u672f\u54a8\u8be2<\/p><\/div><p class=\"uagb-ifb-desc\">132-1635-7000<\/p><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"is-layout-flow wp-block-column\" style=\"flex-basis:25%\">\n<div class=\"wp-block-uagb-info-box uagb-block-c9331c12 uagb-infobox__content-wrap uagb-infobox-icon-above-title uagb-infobox-image-valign-top\"><div class=\"uagb-ifb-content\"><div class=\"uagb-ifb-icon-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M433.8 420.4c-11.53 1.393-44.86-52.74-44.86-52.74 0 31.34-16.14 72.25-51.05 101.8 16.84 5.192 54.84 19.17 45.8 34.42-7.316 12.34-125.5 7.881-159.6 4.037-34.12 3.844-152.3 8.306-159.6-4.037-9.045-15.25 28.92-29.21 45.78-34.42-34.92-29.54-51.06-70.44-51.06-101.8 0 0-33.33 54.13-44.86 52.74-5.37-.65-12.42-29.64 9.347-99.7 10.26-33.02 21.1-60.48 40.14-105.8C60.68 98.06 108.1 .006 224 0c113.7 .006 163.2 96.13 160.3 214.1 18.12 45.22 29.91 72.85 40.14 105.8 21.77 70.06 14.72 99.05 9.346 99.7z\"><\/path><\/svg><\/div><div class=\"uagb-ifb-title-wrap\"><p class=\"uagb-ifb-title\">\u8054\u7cfbQQ<\/p><\/div><p class=\"uagb-ifb-desc\">2100 445 812<\/p><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"is-layout-flow wp-block-column\" style=\"flex-basis:25%\">\n<div class=\"wp-block-uagb-info-box uagb-block-09bae3cb uagb-infobox__content-wrap uagb-infobox-icon-above-title uagb-infobox-image-valign-top\"><div class=\"uagb-ifb-content\"><div class=\"uagb-ifb-icon-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M384 32H64C28.63 32 0 60.63 0 96v320c0 35.38 28.62 64 64 64h320c35.38 0 64-28.62 64-64V96C448 60.63 419.4 32 384 32zM384 336c0 17.67-14.33 32-32 32H96c-17.67 0-32-14.33-32-32V225.9l138.5 69.27C209.3 298.5 216.6 300.2 224 300.2s14.75-1.688 21.47-5.047L384 225.9V336zM384 190.1l-152.8 76.42c-4.5 2.25-9.812 2.25-14.31 0L64 190.1V176c0-17.67 14.33-32 32-32h256c17.67 0 32 14.33 32 32V190.1z\"><\/path><\/svg><\/div><div class=\"uagb-ifb-title-wrap\"><p class=\"uagb-ifb-title\">\u8054\u7cfb\u90ae\u7bb1<\/p><\/div><p class=\"uagb-ifb-desc\">jiashanyijin@163.com<\/p><\/div><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p> …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/www.jiashanyijin.com\/contact\"> <span class=\"screen-reader-text\">\u8054\u7cfb\u6211\u4eec<\/span> Read More \u00bb<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":50,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"left-sidebar","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":""},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/www.jiashanyijin.com\/author\/admin"},"uagb_comment_info":0,"uagb_excerpt":"… \u8054\u7cfb\u6211\u4eec Read More \u00bb","_links":{"self":[{"href":"https:\/\/www.jiashanyijin.com\/wp-json\/wp\/v2\/pages\/677"}],"collection":[{"href":"https:\/\/www.jiashanyijin.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.jiashanyijin.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.jiashanyijin.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jiashanyijin.com\/wp-json\/wp\/v2\/comments?post=677"}],"version-history":[{"count":32,"href":"https:\/\/www.jiashanyijin.com\/wp-json\/wp\/v2\/pages\/677\/revisions"}],"predecessor-version":[{"id":2640,"href":"https:\/\/www.jiashanyijin.com\/wp-json\/wp\/v2\/pages\/677\/revisions\/2640"}],"wp:attachment":[{"href":"https:\/\/www.jiashanyijin.com\/wp-json\/wp\/v2\/media?parent=677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}