\u9ad8\u5fb7\u5730\u56fe – DIY\u6211\u7684\u5730\u56fe<\/title><\/p>\n<style>\n\t\tbody { margin: 0; font: 13px\/1.5 \"Microsoft YaHei\", \"Helvetica Neue\", \"Sans-Serif\"; min-height: 960px; min-width: 600px; }\n\t\t.my-map { margin: 0 auto; width: 927px; height: 600px; }\n\t\t.my-map .icon { background: url(http:\/\/lbs.amap.com\/console\/public\/show\/marker.png) no-repeat; }\n\t\t.my-map .icon-cir { height: 31px; width: 28px; }\n\t\t.my-map .icon-cir-red { background-position: -11px -5px; }\n\t\t.amap-container{height: 100%;}\n\t<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div id=\"wrap\" class=\"my-map\">\n<div id=\"mapContainer\"><\/div>\n<\/p><\/div>\n<p>\t<script src=\"\/\/webapi.amap.com\/maps?v=1.3&key=8325164e247e15eea68b59e89200988b\"><\/script><br \/>\n\t<script>\n\t!function(){\n\t\tvar infoWindow, map, level = 15,\n\t\t\tcenter = {lng: 116.250311, lat: 40.146282},\n\t\t\tfeatures = [{type: \"Marker\", name: \"\", desc: \"\u84dd\u6d77\u535a\u521b\uff08\u5317\u4eac\uff09\u79d1\u6280\u6709\u9650\u516c\u53f8<br \/>\u8054\u7cfb\u4eba\uff1a\u674e\u5148\u751f<br \/>\u7535\u8bdd\uff1a18010123385<br \/>\u5730\u5740\uff1a\u5317\u5e02\u5e02\u660c\u5e73\u533a\u6c99\u6cb3\u9547\", color: \"red\", icon: \"cir\", offset: {x: -9, y: -31}, lnglat: {lng: 116.248337, lat: 40.145101}}];<\/p>\n<p>\t\tfunction loadFeatures(){\n\t\t\tfor(var feature, data, i = 0, len = features.length, j, jl, path; i < len; i++){\n\t\t\t\tdata = features[i];\n\t\t\t\tswitch(data.type){\n\t\t\t\t\tcase \"Marker\":\n\t\t\t\t\t\tfeature = new AMap.Marker({ map: map, position: new AMap.LngLat(data.lnglat.lng, data.lnglat.lat),\n\t\t\t\t\t\t\tzIndex: 3, extData: data, offset: new AMap.Pixel(data.offset.x, data.offset.y), title: data.name,\n\t\t\t\t\t\t\tcontent: '\n\n<div class=\"icon icon-' + data.icon + ' icon-'+ data.icon +'-' + data.color +'\"><\/div>\n<p>' });\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"Polyline\":\n\t\t\t\t\t\tfor(j = 0, jl = data.lnglat.length, path = []; j < jl; j++){\n\t\t\t\t\t\t\tpath.push(new AMap.LngLat(data.lnglat[j].lng, data.lnglat[j].lat));\n\t\t\t\t\t\t}\n\t\t\t\t\t\tfeature = new AMap.Polyline({ map: map, path: path, extData: data, zIndex: 2,\n\t\t\t\t\t\t\tstrokeWeight: data.strokeWeight, strokeColor: data.strokeColor, strokeOpacity: data.strokeOpacity });\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"Polygon\":\n\t\t\t\t\t\tfor(j = 0, jl = data.lnglat.length, path = []; j < jl; j++){\n\t\t\t\t\t\t\tpath.push(new AMap.LngLat(data.lnglat[j].lng, data.lnglat[j].lat));\n\t\t\t\t\t\t}\n\t\t\t\t\t\tfeature = new AMap.Polygon({ map: map, path: path, extData: data, zIndex: 1,\n\t\t\t\t\t\t\tstrokeWeight: data.strokeWeight, strokeColor: data.strokeColor, strokeOpacity: data.strokeOpacity,\n\t\t\t\t\t\t\tfillColor: data.fillColor, fillOpacity: data.fillOpacity });\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tdefault: feature = null;\n\t\t\t\t}\n\t\t\t\tif(feature){ AMap.event.addListener(feature, \"click\", mapFeatureClick); }\n\t\t\t}\n\t\t}\n\n\t\tfunction mapFeatureClick(e){\n\t\t\tif(!infoWindow){ infoWindow = new AMap.InfoWindow({autoMove: true}); }\n\t\t\tvar extData = e.target.getExtData();\n\t\t\tinfoWindow.setContent(\"\n\n<h5>\" + extData.name + \"<\/h5>\n<div>\" + extData.desc + \"<\/div>\n<p>\");\n\t\t\tinfoWindow.open(map, e.lnglat);\n\t\t}<\/p>\n<p>\t\tmap = new AMap.Map(\"mapContainer\", {center: new AMap.LngLat(center.lng, center.lat), level: level});\n\t\tnew AMap.TileLayer.RoadNet({map: map, zIndex: 2});\n\t\tloadFeatures();<\/p>\n<p>\t\tmap.on('complete', function(){\n\t\t\tmap.plugin([\"AMap.ToolBar\", \"AMap.OverView\", \"AMap.Scale\"], function(){\n\t\t\t\tmap.addControl(new AMap.ToolBar);\n\t\t\tmap.addControl(new AMap.OverView({isOpen: true}));\n\t\t\tmap.addControl(new AMap.Scale);\n\t\t\t});\t\n\t\t})<\/p>\n<p>\t}();\n\t<\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u9ad8\u5fb7\u5730\u56fe – DIY\u6211\u7684\u5730\u56fe<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":204,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/www.lanhaibochuang.com\/index.php?rest_route=\/wp\/v2\/pages\/638"}],"collection":[{"href":"http:\/\/www.lanhaibochuang.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.lanhaibochuang.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.lanhaibochuang.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.lanhaibochuang.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=638"}],"version-history":[{"count":37,"href":"http:\/\/www.lanhaibochuang.com\/index.php?rest_route=\/wp\/v2\/pages\/638\/revisions"}],"predecessor-version":[{"id":904,"href":"http:\/\/www.lanhaibochuang.com\/index.php?rest_route=\/wp\/v2\/pages\/638\/revisions\/904"}],"up":[{"embeddable":true,"href":"http:\/\/www.lanhaibochuang.com\/index.php?rest_route=\/wp\/v2\/pages\/204"}],"wp:attachment":[{"href":"http:\/\/www.lanhaibochuang.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=638"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":638,"date":"2020-03-08T21:54:47","date_gmt":"2020-03-08T13:54:47","guid":{"rendered":"http:\/\/www.lanhaibochuang.com\/?page_id=638"},"modified":"2020-03-13T10:57:16","modified_gmt":"2020-03-13T02:57:16","slug":"%e8%81%94%e7%b3%bb%e6%88%91%e4%bb%ac","status":"publish","type":"page","link":"http:\/\/www.lanhaibochuang.com\/?page_id=638","title":{"rendered":"\u8054\u7cfb\u6211\u4eec"},"content":{"rendered":"

\n
\n
\n
\n\t
\n\t
\n\t
\n\t\u9ad8\u5fb7\u5730\u56fe – DIY\u6211\u7684\u5730\u56fe<\/title><\/p>\n<style>\n\t\tbody { margin: 0; font: 13px\/1.5 \"Microsoft YaHei\", \"Helvetica Neue\", \"Sans-Serif\"; min-height: 960px; min-width: 600px; }\n\t\t.my-map { margin: 0 auto; width: 927px; height: 600px; }\n\t\t.my-map .icon { background: url(http:\/\/lbs.amap.com\/console\/public\/show\/marker.png) no-repeat; }\n\t\t.my-map .icon-cir { height: 31px; width: 28px; }\n\t\t.my-map .icon-cir-red { background-position: -11px -5px; }\n\t\t.amap-container{height: 100%;}\n\t<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div id=\"wrap\" class=\"my-map\">\n<div id=\"mapContainer\"><\/div>\n<\/p><\/div>\n<p>\t<script src=\"\/\/webapi.amap.com\/maps?v=1.3&key=8325164e247e15eea68b59e89200988b\"><\/script><br \/>\n\t<script>\n\t!function(){\n\t\tvar infoWindow, map, level = 15,\n\t\t\tcenter = {lng: 116.250311, lat: 40.146282},\n\t\t\tfeatures = [{type: \"Marker\", name: \"\", desc: \"\u84dd\u6d77\u535a\u521b\uff08\u5317\u4eac\uff09\u79d1\u6280\u6709\u9650\u516c\u53f8<br \/>\u8054\u7cfb\u4eba\uff1a\u674e\u5148\u751f<br \/>\u7535\u8bdd\uff1a18010123385<br \/>\u5730\u5740\uff1a\u5317\u5e02\u5e02\u660c\u5e73\u533a\u6c99\u6cb3\u9547\", color: \"red\", icon: \"cir\", offset: {x: -9, y: -31}, lnglat: {lng: 116.248337, lat: 40.145101}}];<\/p>\n<p>\t\tfunction loadFeatures(){\n\t\t\tfor(var feature, data, i = 0, len = features.length, j, jl, path; i < len; i++){\n\t\t\t\tdata = features[i];\n\t\t\t\tswitch(data.type){\n\t\t\t\t\tcase \"Marker\":\n\t\t\t\t\t\tfeature = new AMap.Marker({ map: map, position: new AMap.LngLat(data.lnglat.lng, data.lnglat.lat),\n\t\t\t\t\t\t\tzIndex: 3, extData: data, offset: new AMap.Pixel(data.offset.x, data.offset.y), title: data.name,\n\t\t\t\t\t\t\tcontent: '\n\n<div class=\"icon icon-' + data.icon + ' icon-'+ data.icon +'-' + data.color +'\"><\/div>\n<p>' });\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"Polyline\":\n\t\t\t\t\t\tfor(j = 0, jl = data.lnglat.length, path = []; j < jl; j++){\n\t\t\t\t\t\t\tpath.push(new AMap.LngLat(data.lnglat[j].lng, data.lnglat[j].lat));\n\t\t\t\t\t\t}\n\t\t\t\t\t\tfeature = new AMap.Polyline({ map: map, path: path, extData: data, zIndex: 2,\n\t\t\t\t\t\t\tstrokeWeight: data.strokeWeight, strokeColor: data.strokeColor, strokeOpacity: data.strokeOpacity });\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"Polygon\":\n\t\t\t\t\t\tfor(j = 0, jl = data.lnglat.length, path = []; j < jl; j++){\n\t\t\t\t\t\t\tpath.push(new AMap.LngLat(data.lnglat[j].lng, data.lnglat[j].lat));\n\t\t\t\t\t\t}\n\t\t\t\t\t\tfeature = new AMap.Polygon({ map: map, path: path, extData: data, zIndex: 1,\n\t\t\t\t\t\t\tstrokeWeight: data.strokeWeight, strokeColor: data.strokeColor, strokeOpacity: data.strokeOpacity,\n\t\t\t\t\t\t\tfillColor: data.fillColor, fillOpacity: data.fillOpacity });\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tdefault: feature = null;\n\t\t\t\t}\n\t\t\t\tif(feature){ AMap.event.addListener(feature, \"click\", mapFeatureClick); }\n\t\t\t}\n\t\t}\n\n\t\tfunction mapFeatureClick(e){\n\t\t\tif(!infoWindow){ infoWindow = new AMap.InfoWindow({autoMove: true}); }\n\t\t\tvar extData = e.target.getExtData();\n\t\t\tinfoWindow.setContent(\"\n\n<h5>\" + extData.name + \"<\/h5>\n<div>\" + extData.desc + \"<\/div>\n<p>\");\n\t\t\tinfoWindow.open(map, e.lnglat);\n\t\t}<\/p>\n<p>\t\tmap = new AMap.Map(\"mapContainer\", {center: new AMap.LngLat(center.lng, center.lat), level: level});\n\t\tnew AMap.TileLayer.RoadNet({map: map, zIndex: 2});\n\t\tloadFeatures();<\/p>\n<p>\t\tmap.on('complete', function(){\n\t\t\tmap.plugin([\"AMap.ToolBar\", \"AMap.OverView\", \"AMap.Scale\"], function(){\n\t\t\t\tmap.addControl(new AMap.ToolBar);\n\t\t\tmap.addControl(new AMap.OverView({isOpen: true}));\n\t\t\tmap.addControl(new AMap.Scale);\n\t\t\t});\t\n\t\t})<\/p>\n<p>\t}();\n\t<\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u9ad8\u5fb7\u5730\u56fe – DIY\u6211\u7684\u5730\u56fe<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":204,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/www.lanhaibochuang.com\/index.php?rest_route=\/wp\/v2\/pages\/638"}],"collection":[{"href":"http:\/\/www.lanhaibochuang.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.lanhaibochuang.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.lanhaibochuang.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.lanhaibochuang.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=638"}],"version-history":[{"count":37,"href":"http:\/\/www.lanhaibochuang.com\/index.php?rest_route=\/wp\/v2\/pages\/638\/revisions"}],"predecessor-version":[{"id":904,"href":"http:\/\/www.lanhaibochuang.com\/index.php?rest_route=\/wp\/v2\/pages\/638\/revisions\/904"}],"up":[{"embeddable":true,"href":"http:\/\/www.lanhaibochuang.com\/index.php?rest_route=\/wp\/v2\/pages\/204"}],"wp:attachment":[{"href":"http:\/\/www.lanhaibochuang.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=638"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}