\u9ad8\u5fb7\u5730\u56fe – DIY\u6211\u7684\u5730\u56fe<\/title>\n <style>\n body { margin: 0; min-height: 960px; min-width: 600px; }\n .my-map { margin: 0 auto; width: 800px; height: 640px; } .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 = 18,\n center = {lng: 112.544281, lat: 37.77477},\n features = [{\"icon\":\"cir\",\"color\":\"red\",\"name\":\"\u6570\u5546\u5927\u53a6A\u5ea7\",\"desc\":\"11\u5c421101\",\"lnglat\":{\"Q\":37.774893312675545,\"R\":112.5442271576822,\"lng\":112.544227,\"lat\":37.774893},\"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, keyboardEnable:true, dragEnable:true, scrollWheel:true, doubleClickZoom:true});\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\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:19.99%\">\n<div class=\"wp-block-group has-medium-font-size is-vertical is-layout-flex wp-container-core-group-is-layout-2c90304e wp-block-group-is-layout-flex\">\n<div id=\"wp-block-themeisle-blocks-icon-list-f0d0ed4e\" class=\"wp-block-themeisle-blocks-icon-list\">\n<div id=\"wp-block-themeisle-blocks-icon-list-item-7e3f5ccf\" class=\"wp-block-themeisle-blocks-icon-list-item\"><i class=\"fas fa-address-book wp-block-themeisle-blocks-icon-list-item-icon\"><\/i><p class=\"wp-block-themeisle-blocks-icon-list-item-content\">\u5730\u5740\uff1a\u5c71\u897f\u592a\u539f\u5c0f\u5e97\u533a\u9f99\u57ce\u5927\u8857111\u53f7\u6570\u5546\u5927\u53a6A\u5ea711\u5c421101<\/p><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-medium-font-size is-vertical is-layout-flex wp-container-core-group-is-layout-2c90304e wp-block-group-is-layout-flex\"><\/div>\n\n\n\n<div class=\"wp-block-group has-medium-font-size is-vertical is-layout-flex wp-container-core-group-is-layout-2c90304e wp-block-group-is-layout-flex\">\n<div id=\"wp-block-themeisle-blocks-icon-list-260aeab1\" class=\"wp-block-themeisle-blocks-icon-list\">\n<div id=\"wp-block-themeisle-blocks-icon-list-item-97785db0\" class=\"wp-block-themeisle-blocks-icon-list-item\"><i class=\"fas fa-phone-alt wp-block-themeisle-blocks-icon-list-item-icon\"><\/i><p class=\"wp-block-themeisle-blocks-icon-list-item-content\">\u8054\u7cfb\u7535\u8bdd\uff1a15581820941<\/p><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u9ad8\u5fb7\u5730\u56fe – DIY\u6211\u7684\u5730\u56fe<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","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":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sxjmsz.com\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sxjmsz.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sxjmsz.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sxjmsz.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sxjmsz.com\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":28,"href":"https:\/\/www.sxjmsz.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":575,"href":"https:\/\/www.sxjmsz.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/575"}],"wp:attachment":[{"href":"https:\/\/www.sxjmsz.com\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n \n \n \n \n \n \u9ad8\u5fb7\u5730\u56fe – DIY\u6211\u7684\u5730\u56fe<\/title>\n <style>\n body { margin: 0; min-height: 960px; min-width: 600px; }\n .my-map { margin: 0 auto; width: 800px; height: 640px; } .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 = 18,\n center = {lng: 112.544281, lat: 37.77477},\n features = [{\"icon\":\"cir\",\"color\":\"red\",\"name\":\"\u6570\u5546\u5927\u53a6A\u5ea7\",\"desc\":\"11\u5c421101\",\"lnglat\":{\"Q\":37.774893312675545,\"R\":112.5442271576822,\"lng\":112.544227,\"lat\":37.774893},\"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, keyboardEnable:true, dragEnable:true, scrollWheel:true, doubleClickZoom:true});\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\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:19.99%\">\n<div class=\"wp-block-group has-medium-font-size is-vertical is-layout-flex wp-container-core-group-is-layout-2c90304e wp-block-group-is-layout-flex\">\n<div id=\"wp-block-themeisle-blocks-icon-list-f0d0ed4e\" class=\"wp-block-themeisle-blocks-icon-list\">\n<div id=\"wp-block-themeisle-blocks-icon-list-item-7e3f5ccf\" class=\"wp-block-themeisle-blocks-icon-list-item\"><i class=\"fas fa-address-book wp-block-themeisle-blocks-icon-list-item-icon\"><\/i><p class=\"wp-block-themeisle-blocks-icon-list-item-content\">\u5730\u5740\uff1a\u5c71\u897f\u592a\u539f\u5c0f\u5e97\u533a\u9f99\u57ce\u5927\u8857111\u53f7\u6570\u5546\u5927\u53a6A\u5ea711\u5c421101<\/p><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-medium-font-size is-vertical is-layout-flex wp-container-core-group-is-layout-2c90304e wp-block-group-is-layout-flex\"><\/div>\n\n\n\n<div class=\"wp-block-group has-medium-font-size is-vertical is-layout-flex wp-container-core-group-is-layout-2c90304e wp-block-group-is-layout-flex\">\n<div id=\"wp-block-themeisle-blocks-icon-list-260aeab1\" class=\"wp-block-themeisle-blocks-icon-list\">\n<div id=\"wp-block-themeisle-blocks-icon-list-item-97785db0\" class=\"wp-block-themeisle-blocks-icon-list-item\"><i class=\"fas fa-phone-alt wp-block-themeisle-blocks-icon-list-item-icon\"><\/i><p class=\"wp-block-themeisle-blocks-icon-list-item-content\">\u8054\u7cfb\u7535\u8bdd\uff1a15581820941<\/p><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u9ad8\u5fb7\u5730\u56fe – DIY\u6211\u7684\u5730\u56fe<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","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":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sxjmsz.com\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sxjmsz.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sxjmsz.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sxjmsz.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sxjmsz.com\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":28,"href":"https:\/\/www.sxjmsz.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":575,"href":"https:\/\/www.sxjmsz.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/575"}],"wp:attachment":[{"href":"https:\/\/www.sxjmsz.com\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}