小编Dav*_*ars的帖子

在 ReactNative 应用程序上工作，我正在尝试编辑地图样式。

我正在按照“ https://github.com/react-native-community/react-native-maps ”上的说明进行操作。

对于 IOS，文档建议如下。

IE：

1) 添加 mapStyle = [从https://mapstyle.withgoogle.com/生成的 JSON ]。

2) 导入 PROVIDER_GOOGLE

3）添加“customMapStyle”和“provider”道具（见下文）

但是，即使我已经手动检查了 JSON（即颜色都是黑色和灰色，根据我想要的自定义地图）渲染的地图仍然以标准的蓝色和绿色出现？

奇怪的是，我的标记从大头针变成了一些看起来像安卓的大头针，所以发生了一些事情。

欢迎任何想法。

谢谢

import MapView, { PROVIDER_GOOGLE } from 'react-native-maps'

MapStyle = [ ... ]

render() {
  return (
    <MapView
      region={this.state.region}
      onRegionChange={this.onRegionChange}
      provider={PROVIDER_GOOGLE}
      customMapStyle={MapStyle}
    />
  );
}

React-native-svg 和 android 似乎存在问题。此错误仅在我的Android应用程序中引发- iOS 应用程序似乎没问题？错误消息没有提示我可能发生错误的位置。任何想法都会有帮助...

代码：

import { Circle } from 'react-native-svg';

    <Circle
       cx="0"
       cy="0"
       r={size / 2 - 6}
       fill="rgba(255,255,255,0.7)" // Transparency
     />

"react-native": "https://github.com/expo/react-native/archive/sdk-34.0.0.tar.gz", "react-native-svg": "9.5.3", "react-native-svg-charts": "^5.3.0",

更新：

我想已经找到了错误的根源。其中node_modules>react-native-svg>elements>Path.js>Path>render需要一个道具“d” - 内容如下：

<RNSVGPath
 ref={this.refMethod}
 {...extractProps(propsAndStyles(props), this)}
 d={props.d}
/> 

我正在使用Puppeteer构建基本的网络抓取工具，到目前为止，我可以从任何给定页面返回我需要的所有数据，但是，当涉及到分页时，我的抓取工具就不会卡住（仅返回第一页）。

查看示例-返回第20本书的书名/价格，但不查看其他49页的书。

只是寻找有关如何克服这一问题的指导-我在文档中看不到任何内容。

谢谢！

const puppeteer = require('puppeteer');

let scrape = async () => {
  const browser = await puppeteer.launch({headless: false});
const page = await browser.newPage();

await page.goto('http://books.toscrape.com/');

const result = await page.evaluate(() => {
  let data = []; 
  let elements = document.querySelectorAll('.product_pod');

  for (var element of elements){
      let title = element.childNodes[5].innerText;
      let price = element.childNodes[7].children[0].innerText;

      data.push({title, price});
  }

  return data;
});

browser.close();
return result;
};

scrape().then((value) => {
console.log(value);
});

要清楚。我在这里遵循一个教程-此代码来自Brandbur Morelli在codeburst.io上！https://codeburst.io/a-guide-to-automating-scraping-the-web-with-javascript-chrome-puppeteer-node-js-b18efb9e9921

下午，我正在尝试在 REACT 中渲染谷歌地图（带有图钉或标记） - 我一直在关注本教程：

https://medium.com/@morgannegagne/google-maps-with-react-951c12b723ad

但是我不断收到同样的错误：

“缺少必需的道具 loadingElement 或 googleMapURL。您需要同时提供它们”

我知道这不是我的 googleAPI 密钥，因为在我正在构建的站点上有另一个基本的 g-map，它呈现得很好。但是在我尝试将“旅行文章”引脚添加到 gmap 的部分中 - 事实证明它很棘手：代码如下所示：

import React from "react";
import ArticleMarker from "./ArticleMarker";
import ArticleMapContainer from "./ArticleMapContainer";
import {
  withScriptjs,
  withGoogleMap,
  GoogleMap,
  Marker,
  } from 'react-google-maps';

const ArticlesMap = withScriptjs(withGoogleMap((props) =>{

  const markers = props.articles.map( article =>
                <ArticleMarker
                  key={article.uid}
                  doctor={article}
                  location={{lat: article.closestArticle.lat, lng: article.closestArticle.lon}}
                />);
  return (
      <GoogleMap
        defaultZoom={14}
        center={ { lat:  42.3601, lng: -71.0589 } }
        >
        {markers}
      </GoogleMap>
    );
  }
))

export default ArticlesMap; …