나는 워드 프레스에 작업 원 - 스트로크를 얻을 수 있지만 내가 여기 www.livehazards.com/animation-test 간단한 페이지</p>을 설정 한 <p>CodePen

에 잘 작동합니다 그것은 원 - stroke- 인식하지 않습니다

컬러 또는 동그라미 스트로크 - 폭 .....하지만 난 codepen에 똑같은 코드를 넣고 codepen 잘 실행됩니다나는 워드 프레스에 작업 원 - 스트로크를 얻을 수 있지만 내가 여기 www.livehazards.com/animation-test 간단한 페이지</p>을 설정 한 <p>CodePen

아무도 무슨 일이 일어나고 있는지 ??? 감사합니다

코드 코드 조각처럼

 <!DOCTYPE html> 
     <html> 
     <head> 
     <meta charset='utf-8' /> 
     <title>Interactive Earthquake Live Map</title> 
    <meta name="description" content=" Live real time maps of Earthquakes, 
     Volcanoes, Lightning and Storms across the world" /> 
    <link 
    href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" 
    rel="stylesheet"> 
    <meta name='viewport' content='initial-scale=1,maximum-scale=1,user- 
    scalable=no' /> 
    <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.26.0/mapbox- 
    gl.js'></script> 
    <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.26.0/mapbox- 
    gl.css' rel='stylesheet' /> 
    <style> 
     body { margin:0; padding:0; } 
     #map { position:absolute; top:0%; bottom:0%; left:0%; width:100%; } 
     .mapboxgl-popup-content {padding:10px; background:rgba(54, 69, 79, 0.8); 
     color:#fff; pointer-events:none;} 
     </style> 
    </head> 
     <body> 
    <div id='map'></div> 
     <script> 
      mapboxgl.accessToken ='pk.eyJ1IjoiaHlkcmFpZGVzIiwiYSI6ImNpdTFtMWx0MjAwMGIydHA4YnYyM2FteWgifQ.7Ox9rOJrv2p07vREPK2XFw'; 
var map = new mapboxgl.Map({ 
    container: 'map', 
    style: 'mapbox://styles/mapbox/light-v9', 
    center: [ 2.35, 48.85 ], 
    zoom: 3 
}); 

map.on('load', function() { 
    map.addSource("earthquakes", { 
     type: "geojson", 
     data: "https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/1.0_day.geojson", 
    }); 
map.addLayer({ 
     "id": "earthquake-layer", 
     "type": "circle", 
     "source": "earthquakes", 
     "paint": { 
      "circle-color": { 
      property: 'mag', 
        stops: [ 
         [3, '#fed976'], 
         [4, '#fd8d3c'], 
         [5, '#ff0000'], 
         [6, '#830300'], 
         [9, '#b10026'], 
] 
       }, 
      "circle-opacity": 0.6, 
      "circle-stroke-width": 1, 
      "circle-stroke-color": "#000", 
      "circle-blur": 0.1, 
      "circle-radius":50, 
     }, 
    }) 
}); 
</script> 
</body> 
</html>

출처

2017-11-30 Charles Harrison

죄송 페이지 링크는 다음과 같습니다 http://livehazards.com/lightning/animation-test/ –

bumppppppppppppppppppppppppp? –

사람이에 제발 도와 드릴까요 –

, 당신이 제공 한 링크를 mapboxgl 버전 0.26를 사용하여 두입니다. 그러나 livehazards에, 당신은 mapboxgl 버전 0.29 이상이 필요 circle-stroke-widthcircle-stroke-color를 사용하려면 circle-stroke-color 또는

당신이 (어쩌면 당신은 호환 mapbox 버전을 사용하는)가 CodePen에서 작동 발견하는 것이 매우 이상한 circle-stroke-width 를 사용하거나 아니에요.

사용 https://api.tiles.mapbox.com/mapbox-gl-js/v0.29.0/mapbox-gl.js이, 그리고 그것을 작동합니다 :)

출처

2017-12-01 09:36:24

아, 마침내 !!! 답변 감사합니다. 지금 일하고있다. –

나는 워드 프레스에 작업 원 - 스트로크를 얻을 수 있지만 내가 여기 www.livehazards.com/animation-test 간단한 페이지</p>을 설정 한 <p>CodePen

답변

관련 문제