public information map template js

ArcGIS配置应用程序将于2025年退休。ArcGIS可配置的应用程序源代码repro已弃用，不会收到进一步的更新。此外，该存储库将于2025年10月与2025年10月的ArcGIS在线更新一起删除。

弃用：公开信息映射映射-JS

这是一个完全可配置的公共面向映射应用程序，可以通过权威数据和社交内容突出显示领域，从而使公众讲述了一个故事。

查看它现场

可以使用以下选项对模板进行配置：

• 地图：选择要在应用程序中使用的网络地图。
• 交互式：地图注：作者可以使用地图注释层描述地图上的区域。
• 响应式：可以容纳侧抽屉时显示侧面抽屉。响应式抽屉可以由用户打开或关闭，并允许将应用程序嵌入到博客和网站中。
• 导航：主页和定位按钮可添加易于地图导航。
• 内容：选择从Flickr，Twitter，Instagram或WebCams.travel显示地理位置的内容。
• 摘要：简要描述您在“区域”面板中的应用程序。
• 关键字：使用查询关键字在Flickr或Twitter上搜索。
• 搜索：启用搜索地址和地点。
• 共享：通过Twitter，Facebook，Google+共享此应用程序，或生成用于嵌入博客或网站的HTML。
• 基础图：启用两个ESRI基础图之间的切换。
• 层：切换图层的可见性。
• 传奇：展示传奇。
• 书签：网络图书签可用于浏览地图。
• 关于：显示有关应用程序的信息。对话框也可以设置为在启动时打开。
• 访问和使用约束：在地图打开时，在弹出对话框中显示访问和使用限制。

指示

1. 下载并解压缩.zip文件或克隆存储库。
2. 网络启用目录。
3. 访问.html页面。
4. 开始写模板！

Github的新手？开始这里。

部署

1. 要部署此应用程序，请从Portal/arcgis在线下载模板并解压缩。
2. 将包含Web应用模板文件（例如index.html）的未拉链文件夹复制到您的Web服务器。您可以重命名文件夹以更改用户可以访问应用程序的URL。默认情况下，应用程序的URL将为http://<Your Web Server>/<app folder name>/index.html
3. 更改应用程序文件夹内的默认设备中的共享主机，将应用程序的共享主机，在Online或Portal的ArcGIS分享URL。对于ArcGIS在线用户，请保留www.arcgis.com的默认值或指定组织的名称。

• Arcgis在线示例： "sharinghost": "https://" + “<your organization name>.maps.arcgis.com
• 门户网站示例其中arcgis是Web适配器的名称： "sharinghost": "https://" + "webadaptor.domain.com/arcgis"

4. 如果您将ArcGIS API的门户或本地安装用于JavaScript，请在​​index.html中更改对JavaScript的ArcGIS API的所有引用，以参考您的API本地副本。搜索包含"https://js.arcgis.com/3.35"的参考文献，然后将此部分用URL替换为本地安装。

• 例如： "https://webadaptor.domain.com/arcgis/jsapi/jsapi" arcgis是您的Web适配器的名称。

5. 从Portal/ArcGIS Online复制地图或组ID，然后在应用程序index.html页面中替换默认的网络地图ID。现在，您可以在Web服务器上运行应用程序，也可以进一步自定义应用程序。

注意：如果您的应用程序在功能服务中编辑功能，包含没有公开共享或生成超过200个字符的请求的安全服务或Web地图，则可能需要设置并使用代理页面。您可能会超过URL长度的常见情况使用复杂的多边形作为任务输入或使用知名文本（WKT）指定空间参考。有关安装和配置代理页面的详细信息，请参见使用代理。如果您没有Internet连接，则需要从开发人员.arcgis.com访问和部署ARCGIS API作为JavaScript文档。

社交媒体部署

为了使用其他服务器上的某些社交媒体供稿，您需要为应用程序获取自己的用户键，在某些情况下，请部署代理以正确连接。

您需要将这些值指向代理的URL和查询URL中的符号。

Flickr配置

您需要从Flickr API获取自己的独特键

然后，以flickr_key的形式输入配置。

Instagram配置

您需要从Instagram API获取自己独特的Instagram客户端ID密钥

确保在Instagram安全面板中输入所有有效的重定向URI，以便您的应用可以连接到其服务器。

然后，以instagramClientId形式在配置中输入它。

Twitter配置

由于Twitter搜索API不支持使用OAUTH2的用户身份验证，因此我们需要使用OAuth 1.1，该1.1需要将键存储为安全端以进行安全。因此，我们需要创建一个Twitter代理，该代理将保持密钥秘密，并允许我们通过Twitter搜索API查询信息。

代理：

• Twitter Oauth代理PHP
• Twitter Oauth代理Java

设置代理后，您需要将用户配置指向符号URL和Twitter URL的位置。

配置值是：

• twitterUrl
• twitterSigninUrl

然后，您需要从Twitter API获取API键。一旦拥有，请将其详细信息插入代理配置中。

网络摄像头。旅行配置

您需要从网络摄像头api中获取自己的独特网络摄像头。

然后，将其输入为webcams_key摄像头的配置。

YouTube配置

您需要从YouTube API获取自己的独特API键

首先，您必须启用“ YouTube数据API V3”，以便您的应用程序可以使用它。

您需要为“ YouTube数据API V3”创建一个API使用密钥，并在其上设置凭据以限制仅托管应用程序的域的流量。例如，我们使用“ .arcgis.com/ ”。

然后，在youtube_key的配置中输入它。

要求

• 记事本或HTML编辑器
• 带有JavaScript的一些背景
• 具有ArcGIS JavaScript API的经验将有所帮助。

WebFonts

该应用程序使用Fontello上创建的自定义WebFont。如果您在自己的服务器上托管此应用程序，请确保其配置为使用正确的MIME类型托管WebFont文件。一些服务器需要设置这些文件的MIME类型，才能正确使用它们。有关更多信息，请参见以下URL。该存储库中的“资源”文件夹中的Fontello配置有一个WebFont的邮政编码。

• IIS MIME类型
• 适当地服务WebFonts

资源

• JavaScript API资源中心的ArcGI
• Arcgis博客
• Twitter@esri

问题

查找错误还是想请求新功能？请通过提交问题让我们知道。

贡献

欢迎任何人和所有人做出贡献。 :)

许可

版权所有2012 ESRI

根据Apache许可证（版本2.0（“许可”）获得许可；除了符合许可外，您不得使用此文件。您可以在

http://www.apache.org/licenses/license-2.0

除非适用法律要求或以书面形式同意，否则根据许可证分配的软件是按照“原样”分发的，没有任何明示或暗示的任何形式的保证或条件。请参阅许可证，以获取执行许可条款和限制的特定语言。

该许可证的副本可在Repository的许可证文件中使用。