This is a migrated thread and some comments may be shown as answers.

Try before I buy: Angular 6 issue

1 Answer 155 Views
Map
This is a migrated thread and some comments may be shown as answers.
Scott
Top achievements
Rank 1
Scott asked on 08 Dec 2018, 04:18 PM

So I'm trying this software out as an alternative to Google GeoCharts. I'm ultimately going to be creating an interactive choropleth, but right now I'm just seeing if this will work in Angular 6. I did the npm install, and then in my component I import * as kendo from "@telerik/kendo-intl". (Note that it would be great if you guys supported something other than AngularJS.) 

OnInit I'm calling the function below, but all I get is an error that 'Property 'kendoMap' does not exist on type 'JQuery<HTMLElement>'.

Do I need to actually download the Kendo for jQuery and include everything in my project for this to work? I assumed the npm install would have what I needed.

Anyway, appreciate the help.

createMap() {
    $("#map").kendoMap({
      center: [30.268107, -97.744821],
      zoom: 3,
      layers: [
        {
          type: "tile",
          urlTemplate:
            "http://#= subdomain #.tile.openstreetmap.org/#= zoom #/#= x #/#= y #.png",
          subdomains: ["a", "b", "c"],
          attribution:
            "&copy; <a href='http://osm.org/copyright'>OpenStreetMap contributors</a>"
        }
      ],
      markers: [
        {
          location: [30.268107, -97.744821],
          shape: "pinTarget",
          tooltip: {
            content: "Austin, TX"
          }
        }
      ]
    });
  }

1 Answer, 1 is accepted

Sort by
0
Alex Hajigeorgieva
Telerik team
answered on 11 Dec 2018, 03:50 PM
Hello, Scott,

Thank you very much for giving Kendo UI a test run.

Although the native map component for Angular is not on the roadmap, we have a ProgressĀ® Kendo UIĀ® for Angular 2+ Feedback Portal that we use to gauge our clients' needs. When an item from the portal gains a lot of popularity, we add it to our planning. Let me know in case you want me to open an item on your behalf.

Now, to answer your question - there is no need to include everything, you can include only what you need.

https://docs.telerik.com/kendo-ui/intro/installation/what-you-need#only-what-you-need

For your convenience, here is the list of the Kendo UI Map Scripts:

https://docs.telerik.com/kendo-ui/intro/supporting/scripts-diagrams-maps

Kind Regards,
Alex Hajigeorgieva
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Map
Asked by
Scott
Top achievements
Rank 1
Answers by
Alex Hajigeorgieva
Telerik team
Share this question
or